/* CSS Document */
*{margin:0; padding:0;}
body{	
	background:#fff url(img/pxfondo1.jpg) repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	/*font-size:0.7em;*/
	color:#000;
	text-align:justify;
	}

h1{padding:5px 0px 7px 0px;}

h2{ 
	font-size:1em;
	color:#353732;
	padding-bottom:15pxs;
	}
	
ul{
	list-style-type:none;}
	/*list-style-position:inside;padding-top:10px;
	padding-bottom:10px;

li{ padding-left:10px; padding-top:3px;}*/

a{ color:#FFFFFF;text-decoration:none;}
a:hover{ color:#aefff6;}

a img{ border:none;}

#contenedor{
	width:890px; 
	background-image:url(img/pxfondocontent.gif);
	margin-left:auto; 
	margin-right:auto;
	margin-top:14px; 
	position:relative;
	}
/*------------PORTADA-------------*/	
#top{
	background-color:#fff;

	}
#caja1{ 
	background:url(img/pxfondoleft.gif) repeat-y;
	width:294px;
	float:left;}
		
	#left_corners1{ 
	background:url(img/esq2.gif) top 268px no-repeat;
	width:294px;
	height:25px;
	float:left;}
	
	#left{
	background-color: #0ea9b9;
	background-image:url(img/pxfondoleft.gif); 
	float:left;
	padding:0px 25px 0px 25px;
	width:243px;
	height:169px;
	margin-right:1px;
	}
	
	#left_corners2{ 
	background:url(img/esq4.gif) top left no-repeat;
	width:294px;
	height:25px;
	float:left;}


#caja2{ 
	background:url(img/pxfondoright2.gif) repeat-y;
	width:432px;
	float:left;
	margin-left:1px;}
	
	#right_corners1{ 
	background:url(img/esq5.gif) top left no-repeat;
	width:432px;
	height:25px;
	float:left;}
	
	#right{
	background-color: #22cab5;
	background-image:url(img/pxfondoright2.gif);
	width:382px; 
	float:left;
	padding:0px 25px;
	height:169px;
	}
	#right_corners2{ 
	background:url(img/esq11.gif) top right no-repeat;
	width:432px;
	height:25px;
	float:left;}
	
#caja22{ 
	background:url(img/pxfondonuevo.jpg) repeat-y;
	width:726px;
	float:left;
	margin-left:1px;}
	
	#right_corners11{ 
	background:url(img/esq5.gif) top left no-repeat;
	width:726px;
	height:25px;
	float:left;}
	
	#right11{
	background-color: #22cab5;
	background-image:url(img/pxfondonuevo.jpg);
	width:676px; 
	float:left;
	padding:0px 25px;
	height:169px;
	}
		.flotaimg{
		float:left;
		padding-right:20px;}
		
		
	#right_corners22{ 
	background:url(img/esq11.gif) top right no-repeat;
	width:726px;
	height:25px;
	float:left;}
	
/*------------DENTRO-------------*/

#col_izq{
	background-color: #fff; 
	width:163px;
	height:500px;
	float:left;
	}
	
	#internet{
	background-color:#FF0000;
	height:85px;
	
	}
	
	#citas_tel{ background-color:#fff; height:201px;float:left;}

#ppal_esq{ 
	background:#94e3dc url(img/d_esq1.gif) top left no-repeat;
	width:685px;
	height:29px;
	margin-left:165px;
	padding:0px;
	}
#ppal{
	background-color: #94e3dc;
	margin-left:165px;
	padding:0px 0px 25px 20px;
/*	height:620px;*/
	}
	#ppal li{ padding-left:10px; padding-top:5px;}
	#ppal li.conpunto{ padding-left:10px; padding-top:5px; padding-bottom:5px; list-style-position:inside; list-style-type:disc;}

	#fotos{
	background-color: #ccc;
	width:460px;
	float:right;
	margin-left:10px;
	}
.parrafo_estrecho{ width:220px;}
.parrafo_marginder{margin-right:25px;}
.parrafo_300{width:300px; padding-right:25px; padding-top:20px; float:left; text-align:left;}

#pie{ 
	background-color:#000099;
	background:url(img/pxfondocontent.gif) repeat-y; 
	height:27px; 
	clear:left;
	border-bottom:10px solid #FFF;
	}
	#pie_esq{ 
	/*background-color:#000099;  
		clear:left; */
	height:27px;
	background-image:url(img/esq12.gif); 
	background-position:right; 
	background-repeat:no-repeat;
}

/*------------FORMULARIO-------------*/
form {
	height:160px;/*si quito la altura se raya*/
	margin-top:20px;
	}
label,input,textarea {
	display: block; /*sirve para alinear*/
	width: 250px;
	float: left; /*controla las diferencias de visualización entre Firefox, Explorer, etc*/
	margin-bottom: 5px;/*separación entre cajas*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

label {
	text-align: right;
	width: 150px;
	padding-right: 20px;
}

br {
	clear: left; /*sirve para quitar la alineación horizontal y que queden 1 debajo de otro*/
}
.botones{width: 100px;}
.reducelab1{width: 100px; padding-left:170px;}
.reducelab{width: 100px;}

/*-------------------MENÚ 2------------------*/
#menu{
	width:163px;
	height:219px;
	position:relative;
	float:left;
	padding-left:0px;
	margin-left:0px;
	background-color:#FFF;
}

#menu ul{ /*ojo que el ul y li genéricos meten margin left aunque esté reseteado a O. La solución es anular los genéricos*/
	list-style-type:none;
} 
	  
#menu li {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	list-style-type:none;
	}
/*ATENTTI: con todos estos class que vienen aquí xq si se definen como id aplicados al li también meten espacios aunque estén reseteados al principio. IMPORTANTE: definir en c/u el display:block*/	  
.rollover0{
background: url(img/m_00.gif) no-repeat;
width: 163px;
height:25px;
display: block;
}

.rollover1 {
background: url(img/m_01.gif) no-repeat;
width: 163px;
height:32px;
display: block;
}

.rollover1:hover {
background-position: -163px 0;
 }
 
.rollover2 {
background: url(img/m_02.gif) no-repeat;
width: 163px;
height:32px;
display: block;
}

.rollover2:hover {
background-position: -163px 0px;
 }
 
.rollover3 {
background: url(img/m_03.gif) no-repeat;
width: 163px;
height:32px;
display: block;
}

.rollover3:hover {
background-position: -163px 0px;
 }
 
.rollover4 {
background: url(img/m_04.gif) no-repeat;
width: 163px;
height:44px;
display: block;
}

.rollover4:hover {
background-position: -163px 0px;
 }
  
.rollover5 {
background: url(img/m_05.gif) no-repeat;
width: 163px;
height:32px;
display: block;
}

.rollover5:hover {
background-position: -163px 0px;
 }
 
.rollover6 {
background: url(img/m_06.gif) no-repeat;
width: 163px;
height:22px;
display: block;
}

#errores {
  color: white;
  background-color: #23cbb4;
}

#firma{
	background-color:#FFFFFF;
	font-size:8px;
	color:#0066FF;
	position:absolute;
	left:-10px;
	top:450px;
	/*bottom:10px;*/}
#firma2{
	background-color:#FFFFFF;
	font-size:8px;
	color:#0066FF;
	position:absolute;
	left:-10px;
	top:530px;}