/* =================
      CSS Adrippi 
   ================= */

/* Código copiado y adaptado de Cristina: */

body, html {
	background-image: url('i/00.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
	height: 100%;
	text-align: center;
}

a { text-decoration: none; color: #333333}
a:hover { text-decoration: underline; color: #000000}
a:active {	text-decoration: none; color: #000000}

form, p, li, ul, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.oculta {
	display:none;
	border: 0px;
}

/* Código para ADRIPPI - GENERAL: */

#container {
	margin: 15px auto;
	width: 765px;
	height: 550px;
	background-color: #D7E300;
	text-align: center;
	padding:  20px 0 0 20px;
}

#colleft {
	width:  210px;
	height: 455px;
	background-color: #ffffcd;
	float: left;
	padding: 10px;
	size: 9px;
	color:  #333333;
	border-right: solid 4px #d7e300;
}

.fecha {
	padding: 5px;
	text-align: center;
	width: 210px;
	float:  left;
}

#colleft h1 {
	
	display: block;
	padding: 5px;
	width: 200px;
}

#colleft h2 {
	font: Arial;
	font-size: 100%;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 200px;
	height: 15px;
	background-color: #efebbb;	
}

.colleftp1 {
	padding: 5px;
	width: 190px;
	text-align: left;
	border: solid 1px #d7e300;
}

.colleftp2 {
	padding: 5px;
	width: 190px;
	text-align: center;
	border-left: solid 1px #d7e300;
	border-bottom: solid 1px #d7e300;
	border-right: solid 1px #d7e300;
}

#footmenu {
	position:  relative;
	float: left;
	width: 744px;
	height: 50px;
	
}
 
#menu {
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	float: left;
	width: 510px;
}

#menu ul {
	 bottom: 20px;
	 left: 92px;
 }
 
#menu ul li {
 	display: inline;
 	border: solid 1px #ffffcd;
 }

#menu ul li a {
	 padding: 0.2em 1em;
	 color: #333333;
	 text-decoration: none;
}

#menu ul li a:hover, #menu ul li a.act {
	 background-color: #ffffcd;
	 color: #000000;
}

#colright {
	position: relative;
	padding: 15px;
	width: 450px;
	height: 525px;
	background-color: #ffffcd;
	float: left;
	border: solid 1px #d7e300;
}

/* Código específico para la página INDEX: */

#colrightindex {
	margin: 20px auto;
	margin-top:  0px;
	position: relative;
	padding: 15px;
	width: 480px;
	height: 445px;
	background-color: #ffffcd;
	float: left;
	background-image: url('i/iF01.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

/* Esto pertenece a la página EMPRESA (página interior 1): */

#colrightpag1 {
	padding: 15px;
	width: 480px;
	height: 445px;
	background-color: #ffffcd;
	float: left;
	position: relative;
	background-image: url('i/flor2.gif');
	background-repeat: no-repeat;
	background-position: center;
}

#menusecundario ul {
	display: block;
}

#menusecundario ul li a:hover {
	 font-weight: normal;
 }

#menusecundario li#m1 {
	position: absolute;
	top: 120px;
	left: 147px;
	width: 75px;
	height: 50px;
	font-weight: bold;
}

#menusecundario li#m2 {
	position: absolute;
	top: 125px;
	left: 290px;
	width: 75px;
	height: 50px;
	font-weight: bold;
}

#menusecundario li#m3 {
	position: absolute;
	top: 255px;
	left: 350px;
	width: 75px;
	height: 25px;
	font-weight: bold;
}

#menusecundario li#m4 {
	position: absolute;
	top: 340px;
	left: 225px;
	width: 75px;
	height: 25px;
	font-weight: bold;
}

#menusecundario li#m5 {
	position: absolute;
	top: 260px;
	left: 85px;
	width: 75px;
	height: 40px;
	font-weight: bold;
}

#menusecundario li#m6 {
	position: absolute;
	top: 197px;
	left: 160px;
	width: 185px;
	height: 75px;
}

/* Esto pertenece a la página Colecciones (página interior 2): */

#colrightpag2 {
	padding: 15px;
	width: 480px;
	height: 445px;
	background-color: #ffffcd;
	float: left;
	position: relative;
	text-align: center;
}

.titulosombreado {
	text-shadow: #666666 5px 5px 3px;
}

#menupag2 ul {
	position: absolute;
	top: 20px;
	left: 150px;
	height: 20px;
 }
 
#menupag2 ul li {
 	display: inline;
 }

#menupag2 ul li a {
	 padding: 0.2em 1em;
	 color: #333333;
	 text-decoration: none;
}

#menupag2 ul li a:hover, #menupag2 ul li a.act {
	 border: solid 1px #d7e300;
	 color: #000000;
}


/* =Placeholder
----------------------------------------------------------------------*/

#placeholder {
	border: solid 1px;
}

/* =Showcase
----------------------------------------------------------------------*/

#showcase {
	padding: 1px;
	background: #d7e300;
	width: 480px;
	height: 45px;
}

#showcase img
{
	background: #332;
	border: 1px solid #998;
	margin: 0 0 5px 5px;
	padding: 1px;
	width: 32px;
	height: 32px;
}

#showcase a:hover img
{
	border-color: #fff;
}

#showcase ul
{
	margin: 5px 0 0;
}

#showcase li
{
	display: inline;
}

/* =Showcase2 (popup pétalo feria)
----------------------------------------------------------------------*/

#showcase2 {
	padding: 1px;
	background: #d7e300;
	width: 300px;
	height: 45px;
}

#showcase2 img
{
	background: #332;
	border: 1px solid #998;
	margin: 0 0 5px 5px;
	padding: 1px;
	width: 32px;
	height: 32px;
}

#showcase2 a:hover img
{
	border-color: #fff;
}

#showcase2 ul
{
	margin: 5px 0 0;
}

#showcase2 li
{
	display: inline;
}


/* caja para popups página empresa: */

#colpopup {
	margin: 20px;
	width: 300px;
	height: 300px;
	text-align: center;
	background-color: #d7e300;
	padding: 15px;
	size: 9px;
	color:  #333333;
	background-image: url('i/logoMA.gif');
	background-position: center;
	background-repeat: no-repeat;
}

/* Código para formulario en CONTACT página: */

#colright_contact {
	position: relative;
	padding: 15px;
	width: 480px;
	height: 441px;
	border: solid 2px #ffffcd;
	background-color: #d7e300;
	float: left;
}


#cajaform {
	position: relative;
	width: 450px;
	height: 300px;
	padding: 10px;
	margin: 0px auto;
}

#cajaform2 {
	position: relative;
	width: 400px;
	height: 250px;
	padding: 5px;
	margin: 0px auto;
}

#row {
  clear: both;
  padding-top: 5px;
  }

.label {
  float: left;
  width: 135px;
  text-align: right;
  }
  
.label2 {
  float: left;
  width: 75px;
  text-align: right;
  }

.formw {
  float: right;
  width: 250px;
  text-align: left;
}

.formw2 {
  float: right;
  width: 300px;
  text-align: left;
}