@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px;}

body {
	font-family: Segoe UI,Sans-serif;
	text-align:center;
	background-color:#fff; text-align:center;}
	
a img {border: none;}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {text-decoration: none;}

a:active {text-decoration: none;}

div.header, div.content, div.foot {width:960px; margin:0px auto 0px auto; clear:both;}	

/* Barra de navegacion */
ul.menu_tabbed {
	list-style: none;
	font-size: 18px;
	margin-right:0px;
	margin-top:33px;}	
	
ul.menu_tabbed li {
	display: inline-block;
	height:100%;}	
	
ul.menu_tabbed li a {
	color:#FFF;
	text-decoration: none;
	padding:33px 15px;
	height:100%;
	}
ul.menu_tabbed li a:hover {color:#D2E287}	
	
ul.menu_tabbed li a.selected{color:#D2E287;}
/* Barra de navegacion */
/*Encabezado*/
div.headercontainer{height:90px;background-color:#A6CE39; clear:both}
.left{float:left;}
.right{float:right;}
/*Contenido*/
div.content{margin-top:10px;}
div.organigrama{}

div.content h1{color:#A6CE39;}
div.content h2{color:#000; margin-top:20px;}
div.content p{color:#666; font-size:20px;}


div.ventajas{width:225px; height:225px;
-moz-border-radius:112.5px;
border-radius:112.5px;
-webkit-border-radius:112.5px;
-ms-border-radius:112.5px;
-o-border-radius:112.5px;
background-color:#A6CE39;
display:inline-block; margin:20px 5px; position:relative;}
div.ventajas p{position: absolute;top: 80%;left: 50%;height: 225px;width: 225px;margin: -112.5px 0 0 -112.5px;font-size:23px;color:#fff; text-align:center;cursor:default;}
	

/*Servicios*/
div.servicio{
	width:450px; height:300px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-moz-box-shadow:0px 0px 0px 2px #f1f1f1;
box-shadow:0px 0px 0px 2px #f1f1f1;
-webkit-box-shadow:0px 0px 0px 2px #f1f1f1;
-o-box-shadow:0px 0px 0px 2px #f1f1f1;
-ms-box-shadow:0px 0px 0px 2px #f1f1f1;
display:inline-block;
margin:15px 5px 0px 5px; 
position:relative;
padding:10px 0px 0px 0px;
cursor:pointer;
	background-color:#f5f5f5;
	}
div.servicio p {margin-top:7px;}
div.servicio:hover{color:#000; background-color:#fff}

div.exposervicios{width:700px; height:700px; background-color:#FFF;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-moz-box-shadow:0px 0px 0px 2px #f1f1f1;
box-shadow:0px 0px 0px 2px #f1f1f1;
-webkit-box-shadow:0px 0px 0px 2px #f1f1f1;
-o-box-shadow:0px 0px 0px 2px #f1f1f1;
-ms-box-shadow:0px 0px 0px 2px #f1f1f1;
}

#bloqueo{background: #333;
opacity: 0.7;
position: fixed;
width: 100%;
height: 100%;
display: none;
z-index:2;}

div.detalles{display:none; height:500px; overflow:auto; text-align:left; margin:10px; cursor:default}
div.detalles p{font-size:14px;}


.regresar{position:absolute; bottom:100%; right:0; margin-bottom:10px; display:none; width:30px; height:30px; background-image:url(images/flecha.png);}
.regresar:hover{background-position:right;}

.grande > .regresar, .grande > .detalles { display:block; }
.grande > img{float:left; margin:10px; max-width:345px;}

div.serviciocentro{
width:300px; height:300px;
-moz-border-radius:150px;
border-radius:150px;
-webkit-border-radius:150px;
-ms-border-radius:150px;
-o-border-radius:150px;
-moz-box-shadow:0px 0px 0px 2px #f1f1f1;
box-shadow:0px 0px 0px 2px #f1f1f1;
-webkit-box-shadow:0px 0px 0px 2px #f1f1f1;
-o-box-shadow:0px 0px 0px 2px #f1f1f1;
-ms-box-shadow:0px 0px 0px 2px #f1f1f1;
display:inline-block;
margin:15px 150px 0px 150px; 
position:absolute;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-150px;
padding:5px;
cursor:pointer;
background-color:#f5f5f5;
z-index:1;
}

div.grande{
position: fixed;
width: 960px;
height: 550px;
top: 50%;
left: 50%;
margin-left: -480px;
margin-top: -275px;
background: white;
box-shadow: 0 0 50px 0 #000;
-webkit-box-shadow: 0 0 50px 0 #000;
-moz-box-shadow: 0 0 50px 0 #000;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;	
z-index:2;
}

div.circulodelavida{position:relative; width:960px; height:665px;margin:0px auto;}

.par{font-weight:bold; cursor:pointer;}
.parraf{display:none;}

/*Servicios*/
div.mas, div.masi{width:9px; height:9px; background:url(images/mas.png) no-repeat; float:left; margin:2px; margin-top:5px; }
div.masi{background:url(images/men.png) no-repeat ; }

/*Clientes*/
div.clientescontainer{margin:25px 0px;}
div.cliente, div.cliente2{display:inline-block; width:150px; height:150px;opacity:.6}
div.cliente {background-color:#fff;}
div.cliente2{background-color:#D2E287;}
div.cliente:hover{opacity:.95}
div.cliente2:hover{opacity:.95}


/*mapa*/

div.mapas{width:960px;
margin:20px auto;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
}
div.mapas img{-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;}

div.contenedorcontratos{height:140px;clear:both; text-align:center; padding:20px 0px;}
div.contenedorcontratos img{max-width:120px;  }

div.contenedorcontratos .permiso{display:inline-block; margin:0px 50px;}
/*Footer*/
div.foot{margin:10px auto; height:60px; padding-top:20px;color:#FFF; }
.designby{font-size:12px;}
.info {font-size:14px;}

table.caracteristicas{text-align:left; color:#333; margin-top:20px; font-size:14px;}

table.caracteristicas td{max-width:270px;}