/* estilo para Ypor */
*{
  margin:0; padding:0;}
html{ 
	padding:0; 
	margin:0; 
	border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
	overflow: auto; 
/* */
	} 
body{
	font:62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#3A6EA5;
	text-align:center;
	}

/* LAYERS DIVS CAPAS ----------------------------------------------------------------- */
#contenedor{
	text-align:left;
	width:96em;
	margin:0 auto;
	}
#tope
	{
	width:100%;
	height:7em;
	float:left;
	background: #fff url(imag/cabecera.jpg); 
	}
#barra
	{
	width:100%;
	height:1.5em;
	background-image:url(imag/navbar960.png);
	text-align:center;
	float:left;
	} 
#contenido{
	display:block;
	width:100%;
	height:auto;
	float:left;
	background: #fff url(imag/bg.jpg) repeat-x;
	}
#pie{
	clear:both;
	float:left;
	width:96em;
	height:1.5em;
	color:#FFFFFF;
	background-color:#000000;
	display:block;
	}
#contenido1{ 
	display:block;
	width:100%; /* para imagen al lado 67% */
	height:47em;
	overflow:auto;
	float:left;
	background:url(imag/panfdo.jpg) no-repeat;
	}
#promo{ float:right; width:38em; height:47em;}		
/* atributos para el encabezado -------------------------------------------------------------------*/
#tope h1{
 	margin: 0em;
	font-size:1em;
	}
#tope span{
	visibility:hidden;
	}
#tope a {
	width:96em;
	height:7em;
	display:block;
	padding:0em;
	margin:0em;
	text-decoration:none;
	}
a.m1:visited {color:white; text-decoration:none;}
a.m1:active {color:white; text-decoration:none;}
a.m1:link {color:white; text-decoration:none;}
a.m1:hover {color:white;text-decoration:none;} 	
/* navegacion propiedades--------------------------------------------------------------------------*/
			 
#barra ul{
	list-style-type: none;
	padding:0;
	margin:0;
	float:left;
	}
#barra ul li{
	display: inline;
	border-right:0.1em #fff solid;
	color:#FFF
	}
#barra ul li a{
	text-decoration: none;
	color:#fff;
	padding:0.02em 1em;
	}
#barra ul li a:visited{
	text-decoration: none;
	color:#fff;
	padding:0.02em 1em;
	}
#barra ul li a:hover{ 
	color:#ffff00; 
	text-decoration:underline;
	background-color:#013567;
	}
#activo{
	font-variant:small-caps;
	background-color:#000;
	XXXbackground-color:#669999;
	font-weight:600;
	}	
/* caja de texto --------------------------------------------------------------------------------*/
.boxtxt{
	float:left;
	margin-top:1em;
	width:23em;
	}  
.boxtxta{
	clear:both;
	width:80em;
	margin:0 auto;
	}
.cent{
	text-align:center;
	clear: both;
	}
.ctxserv{
	float:left;
	width:35em;
	}
.ctxubi{
	float:none;
	border: 0.1em solid #666;
	width:40em;
	}
.ctxhab{ 
	padding: 3em 0 0 0;
	font-size:1.5em;
	color:#666;
	}
.ctxctt{ 
	padding: 3em 0 0 0;
	font-size:1.5em;
	color: black;
	line-height:2em;
	}	 			

/* pie  - footer --------------------------------------------------------------------------------*/ 
#pie p{
	padding-left:1em;
	}

/* cajas para imagenes ---------------------------------------------------------------------------*/
.izq1{
	float:left;
	margin:0.5em 0.4em;
	border: 0.07em solid #666;
	padding: 0.2em;
	clear: left;
	}
.der1{
	float:right;
	margin:0.5em 0.5em;
	border: 0.07em solid #666;
	padding:0.2em;
	}
.caja1{
	border:0.07em solid #666;
	padding:0.2em;
	}
.caja2{ margin:2em 0 0 4em;
	border:0.07em solid #666;
	padding:0.2em;
	}	
.imag3 {
	float:left;
	margin:1.1em;
	border: 0.07em solid #666;
	padding: 0.2em;
	} /* para 3 imagenes 280x210*/
.pano{
	clear:both;
	width:95%;
	text-align:center;
	margin: 0.5em 0em 1em;
	}  
.cjserv{
	float:right;
	width:55em;
	text-align:center;
	}
/* definicion de textos---------------------------------------------------------------------*/
/* texto 015 0 de padding-left 15pix */
h1,h2,h3{ 
	font:62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.txt015{
	font-size:1.5em;
	color:#666;
	}
.txt015b{
	font-size:1.5em;
	color:#666; line-height:1.4em;
	}
.txttit{ font-variant:small-caps; color:#333399;}
.txtypo{ font-family:"Times New Roman", Times, serif ; font-variant:small-caps; font-size:1.3em; color:#27525B;}
	
.esp1{
	padding:0em 1em;
	}	
.esp3{
	padding-left:3em;
	}	
/*Para listado de servicios--------------------------------------------------------------------*/
ul{ list-style-type:none;
	margin:0;
	padding:0;
	line-height:1.6;
	}
	
/* caja para el mapa--------------------------------------------------------------------------- */	
.mapa{
	border: 0.07em solid #666;
	margin-top: 2em;
	margin-right: 0.7em;
	margin-bottom: 0.5em;
	margin-left: 0.7em;
	padding-top: 2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	}
	
/* Design 6 tabla ------------------------------------------------------------------------------*/
table.Design6 { margin:0 auto;
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #E9E9F3;
    border: 0.5em solid #E9E9F3;
}
table.Design6 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.Design6 td {
    text-align: right;
    border: 0px;
    border-bottom: 1px solid #9999AA;
    border-left: 1px solid #9999AA;
    padding: 0.1em 0.5em;
}
table.Design6 th.Corner {
    text-align: left;
    border-left: 0px;
}
table.Design6 tr.Odd {
    background: #F6F4E4;
}
/*------------------ common styling for all galleries -----------------------------------*/
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(imag/min2.jpg);}
a.slideb {background:url(imag/min3.jpg);}
a.slidec {background:url(imag/min4.jpg);}
a.slided {background:url(imag/min5.jpg);}
a.slidee {background:url(imag/min6.jpg);}
a.slidef {background:url(imag/min7.jpg);}
a.slideg {background:url(imag/min8.jpg);}
a.slideh {background:url(imag/min9.jpg);}
a.slidei {background:url(imag/min10.jpg);}
a.slidej {background:url(imag/min11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(imag/fot2.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(imag/fot3.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(imag/fot4.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(imag/fot5.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(imag/fot6.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(imag/fot7.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(imag/fot8.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(imag/fot9.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(imag/fot10.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(imag/fot11.jpg) 5px 5px  no-repeat;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:600px; height:305px; background:#d1c8c3; border:1px solid #a49188; margin:2em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:170px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:-425px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:50px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}
.clear {
	clear: both;
	text-align:center;
}
#contenedor #contenido .clear a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
}
#contenedor #contenido p {
	text-align: center;
}
#contenedor .cent a {
	font-weight: bold;
	font-size: 125%;
}
.prom {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}