/* Diseņado por Complemento Creativo */


/*---------------------------- LAYOUT ----------------------------*/
* {
padding: 0;
margin: 0;
} 

#center {
background:  url('images/fondo.jpg') repeat-x;

}

#wrap {
width: 885px;
_width: 885px;
background: #fff;
margin: auto;

}

body {
color: #666666;
font: 12px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}
h2 {
	font-size: 20px;
	color: #8a2587;
	font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
}

/*--------------------------- GENERAL ----------------------------*/

/*---------------------------- Logo----------------------------*/

#header {
width: 885px;
position: relative;
background : #fff url('images/encabezado_mostrar/encabezado.jpg') no-repeat;
height: 125px
}


#botonera {
width: 885px;
position: relative;
background : #fff url('images/base_botonera.jpg') no-repeat;
height: 48px;
color: #12326d;
line-height: 34px; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Verdana, Tahoma, sans-serif
}
#botonera li {
float:right;
line-height: 14px;
list-style-type:none;
margin-top:19px;
border-left:1px dotted #12326d;
}
#botonera li a {
display:block;
padding:0 8px;
text-decoration:none;
color: #12326d;
font-weight:bold;
letter-spacing:1px;
}
#botonera li a:hover {
font-weight:bold;
color:#12326d;
text-decoration:underline;
}

#botonera #lista{
position: absolute;
top: 8px; left: 20px;

}

#botonera #lista select {
color : #000;
font-style : normal;
font-family : Arial, Verdana;
font-variant : normal;
font-weight : normal;
font-size : 10pt;
background-color: #CCC;
}

/*---------------------------- Menu Principal----------------------------*/

#izquierda  #conte #dlmenu {height:14em;}
#izquierda  #conte #menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:120px; background:#fff; z-index:1;}
#izquierda  #conte #menu li {display:block; padding:0; margin:0; position:relative; z-index:1;}
#izquierda  #conte #menu li a, #menu li a:visited {display:block; }
#izquierda  #conte #menu li dd {display:none;}
#izquierda  #conte #menu li:hover, #menu li a:hover {border:0px none;}
#izquierda #conte #menu li:hover dt a, #menu li a:hover dt a {background:#fff; color:#183977; }
#izquierda  #conte #menu li:hover dd, #menu li a:hover dd {display:block; }
#izquierda  #conte #menu li:hover dl, #menu li a:hover dl {height:20em; background:#fff;}
#izquierda  #conte #menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#izquierda  #conte #menu dl {width: 142px; margin: 0; background: #fff; cursor:pointer;}
#izquierda  #conte #menu dt {margin:0; padding: 0; font-size: 12 px;}
#izquierda  #conte #menu dd {margin-left:10px; padding-left:1px; font-size: 1em; text-align:left;}
#izquierda  #conte .gallery dt a, .gallery dt a:visited {display:block; color:#183977; padding:10px 5px 5px 10px; background:#fff;}
#izquierda  #conte .gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; background:  url('images/flecha.jpg') no-repeat right center;; padding-left:10px; padding-right:5px; padding-top:4px; padding-bottom:4px }
* html #izquierda  #conte .gallery dd a, * html #izquierda  #conte .gallery dd a:visited {height:1em; }
#izquierda  #conte .gallery dd a:hover {text-decoration: underline; background:  url('images/flecha.jpg') no-repeat right center; color:#000000}


/*---------------------------- Buscador ----------------------------*/


/*---------------------------- Tablas ----------------------------*/



/*---------------------------- Formularios ----------------------------*/


/*---------------------------- Menu Lateral----------------------------*/


/*---------------------------- Contenido ----------------------------*/

#izquierda { 
float: left;
width: 159px;
margin: 0px 6px 0px 6px;
}

#izquierda #titular {
background:  url('images/f_categoria.jpg') no-repeat;
height: 27px;
padding-left: 10px;
color: #ffffff;
line-height: 24px;
margin:auto; font-style:normal; font-variant:normal; font-weight:normal; font-size:15px; font-family:Arial, Verdana, Tahoma, sans-serif

}
#izquierda  #conte{
background:  url('images/fondo_categoria.jpg') no-repeat;
padding-left: 2px




}

#izquierda  #conte ul  {
width: 139px;
color: #f8941e;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 2px;
padding-top:5px;
text-decoration: none;	
list-style-type:none;	
}

#izquierda  #conte ul li {
color: #000000;
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
#izquierda  #conte ul a {
display: block;
background:  url('images/flecha.jpg') no-repeat right center;
border-bottom:1px dotted #c3c3c3; 
text-decoration: none;
color: #000000
}
#izquierda  #conte ul a:hover {
text-decoration: underline;
color : #000000; 
}
#izquierda  #conte #separa {
background:  url('images/separa.jpg') no-repeat; 
width: 160px
}

#centro { 
float: left;
width: 543px;
_width: 540px;
padding: 0px 2px 0px 2px;
}

#centro .linea{ 
background : #ffffff url('images/lineazul.jpg') no-repeat;
height:13px
}

#centro h1 {
	padding-top: 10px;
	padding-bottom: 6px;
	color: #284a91;
	text-align: left;
	font-size: 16px;
	margin-left: 4px;
	margin-bottom: 6px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #284a91;
}
#centro #separa { 
border-bottom:1px dotted #284a91; 
margin-top:6px;
margin-bottom:6px;
}

#centro .precio { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#e20202;
text-align: center;
text-decoration:none;

}

#centro .precio2 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
color:#e20202;
text-align: center;
text-decoration:none;

}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #818181;
}

.p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #818181;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #818181;	
}

h4 {

	color: #284a91;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	margin-top:2px;
}

#derecha { 
float: right;
width: 143px;
_width: 123px;
margin-right:4px;
}

#derecha #titular {
width: 130px;
background:  url('images/f_categoria2.jpg') no-repeat;
height: 27px;
color: #ffffff;
line-height: 24px;
font-size:15px;
font-family:Arial, Verdana, Tahoma, sans-serif;
text-align:right;
padding-right:5px
}


#derecha #separa { 
border-bottom:2px dotted #c3c3c3; 
margin-top:6px;
margin-bottom:6px;
}

/*-------------- Derecha --------------*/




/*---------------------------- Varios ----------------------------*/

.contactform .clear2 {
	clear: left;
	line-height: 1px;
	margin: 0px;
	padding: 6px;
}
form {margin:0; padding-left:8px;}
.textfield2 {display: block; float:left; width:190px; background-color: #F3F4E8; margin:3px;	border: 1px solid #666666; padding-left:5px;}
.textfield3 {display: block; float:left; width:280px; background-color: #F3F4E8; margin:3px;	border: 1px solid #666666; padding-left:5px;}
.textfield4 {display: block; float:left; width:280px; background-color: #F3F4E8; margin:3px;	border: 1px solid #666666; padding-left:5px;}
label {	display: block;	float: left; text-align:right; line-height: 5px; font-weight:bold; width: 210px; margin:3px; padding-left:8px; padding: 5px;}
.button2 {display: block; float:left; padding:0px; background-color:#E3E6C8; margin-left:150px; border: 1px solid #666666; color:#000000;}
.textfield2:hover {background:#FBFCF8;}
.textfield2:focus {background:#ffffff;}

form h3 {
	background-color: #284a91;
	font: 15px Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	margin-left: 4px;
	margin-bottom: 6px;
	line-height: 22px;
}

form p {
	font: 11px bold Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
	color: #333;
}

#link {
margin-left: 210px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-aling: center;
color:#284a91;
}

#link a{
text-decoration:underline;
}

#link a:hover{
color:#284a91;
text-decoration:underline;
}

/*---------------------------- Pie de Pagina ----------------------------*/

#footer{
height:30px;
background-color:#bec9dd;
margin:8px;
margin-top:10px;
padding:4px;
clear:both;
}

#footmen{
width:860px;
margin:0px auto;

}

#footmen ul{
float:right;
padding-right:110px;
margin-top:0px;

}

#footmen ul li{
display:inline;
list-style-type:none;
margin-right:10px;
width:100px;
height:25px;
}

#footmen ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#284a91;
text-decoration:none;
}

#footmen ul li a:hover{
color:#284a91;
text-decoration:underline;
}

.titdes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #183977;
	text-decoration: none;
}

.titdes3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #183977;
	text-decoration: none;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 6px;
	background-color: #183977;
}
.titdes2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #183977;
	text-decoration: none;
}
.paginar {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #183977;
	text-decoration: none;
}
.numeron {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.numeror {




	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
}.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background-color:#bec9dd;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.tit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #183977;
	text-decoration: none;
}
.link {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #183977;
	text-decoration: underline;
}

#izquierda #leftbox {
float: left;
width: 152px;
height:55px;
background-color:#EAEAEA;
}
#izquierda #leftbox input {
width:120px;
background-color:#F3F4E8;
border: 1px solid #666666;
margin-left:6px;
}

#izquierda #leftbox input:hover {
background:#FBFCF8;
}

#izquierda #leftbox input:focus {
background:#ffffff;
}


#izquierda #leftbox .button2 {

background-color:#F4F4F4;
border: 1px solid #666666;
color:#999933;
margin:4px 0px 24px 46px;
margin-bottom:12px;

}

#derecha #leftbox {

height:50px;
background-color:#EAEAEA;

}
#derecha #leftbox .textfield{
width:120px;
background-color:#F3F4E8;
border: 1px solid #666666;
margin-left:5px;
margin-top:2px;
margin-bottom:4px;
}


#derecha #leftbox .textfield:hover {
background:#FBFCF8;
}



#derecha #leftbox .button{
	width:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666; 
	background-color: #E3E6C8; 
	color: #999933; 
	font-weight: bold; padding: 1px;
	margin-left: 37px;
}

#derecha #leftbox .button:hover {
background:#FBFCF8;
}