/* Website template by freewebsitetemplates.com */
/*--------------------------- RESET ---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:visited {text-decoration:none;color:#c8e3f9;} 
/*------------------------- Layout styles ------------------------*/ 
body{
	margin:0;
	background:url(../img/layout/bg-body.jpg);
}
.page{
	background:url(../img/layout/bg-header.jpg) no-repeat center top;
}


/*------------------------- Header ------------------------*/ 
.header{
    background: url(../img/layout/background-header-14.png) repeat-x scroll 0 0 #0093D0;
    height: 130px;
    margin: 0 auto;
    position: relative;
    width: 980px;
	padding:6px 10px 0;
}

.sf-menu-sombra-inf {
    background: url(../img/layout/filete-header-14.png) no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 10px;
    margin: 0 auto;
    width: 980px;
}

.bodyicon {
    padding: 0 5px;
}

.bodyMedio {
    background: url(../img/layout/bodyInf_sombras_grises.png) repeat-y scroll center top rgba(0, 0, 0, 0);
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
.bodyLogos {
    margin: 0 auto;
    width: 980px;
}

.iconos-sociales {
    float: right;
    padding: 5px 0 0;
}
.iconos-sociales ul {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 auto;
}
.iconos-sociales ul li {
    display: inline;
    padding: 0 0 0 8px;
}

.bodyicon ul li.menu {
    color: #FFFFFF;
    font-size: 11px;
}
.menu {
    color: #000000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 13px;
    padding: 2px;
    text-align: center;
}

.header a#logo{
	display:block;
	float:left;
	outline:none;
}
.header a#logo img{
	border:0;
}
.header ul{
	margin:0;
	list-style:none;
	float:right;
}
.header ul li{
	float:left;
	margin:0 0 0 25px;
}
.header ul li.selected a,.header ul li a:hover{
    font-size: 15px;
	text-decoration:underline;	
}
.header ul li a{
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 13px;
    padding: 2px;
    text-align: center;
	text-decoration:none;
}


/*------------------------- login ------------------------*/ 
.login{
	color:#FFF;
}


/*------------------------- Body ------------------------*/ 
.body{
	width:980px;
	margin:0 auto;
	padding:0 5px;
	overflow:hidden;
}
.body div#featured{
	background:url(../img/layout/reporteZonas2.png) no-repeat right top;
	height:530px;
	padding:0 0 17px;
}
.body div#titulo h3{
	color:#0093D0;
	font-size:32px;
	font-family: 'RokkittRegular';
	margin:0 0 30px;
	width:980px;
	padding:10px 0 0;
	font-weight:normal;
}
.body div#featured p{
	width:480px;
	color:#5d5d5d;
	font-family: 'RokkittRegular';
	font-size:16px;
	line-height:25px;
	text-shadow: 0 1px 0 #fcfcfc;
	text-align:justify;
	margin:8px 0 0 0;
}
.body div#featured2 p{
	width:980px;
	color:#5d5d5d;
	font-family: 'RokkittRegular';
	font-size:16px;
	line-height:25px;
	text-shadow: 0 1px 0 #fcfcfc;
	text-align:justify;
	margin:8px 0 0 0;
}

.body div#featured2 input{
	background:url(../images/interface.jpg) no-repeat;
	border:0;
    height:48px;
    width:216px;
	font-family: 'RokkittRegular';
	color:#fff;
	font-size:30px;
	margin:28px 0 0 125px;
	cursor:pointer;
	outline:none;
}
.body ul.blog{
	list-style:none;
	margin:10px 0 0;
	padding:0 0 50px;
	background:url(../img/layout/separator.jpg) no-repeat center top;
	overflow:hidden;
}
.body ul.blog li:first-child{
	margin:10px 0 0;
}
.body ul.blog li{
	float:left;
	background:url(../images/interface.jpg) no-repeat 0 -68px!important;
	margin:10px 0 0 48px;
	height:400px;
	padding:0;
}
.body ul.blog li div{
	width:281px;
	height:380px;
	text-align:center;
	padding: 8px 0 20px 0;
	float:none;
	margin:0;
	background:none;
}
.body ul.blog li div a img{
	border:0;
	margin:0 0 0 -3px;
}
.body ul.blog li div a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.body ul.blog li div p{
	width:258px;
	text-align:justify;
	color:#828081;
	font-family: 'RokkittRegular';
	margin:17px 0 0 10px;
	line-height:20px;
	font-size:14px;
	background:none;
	padding:0;
}
.body ul.blog li div a:first-child{
	margin:0;
	padding:0;
	background:none;
	width:auto;
}
.body ul.blog li div a:hover{
	color:#F78117;
}
.body ul.blog li div a{
	color:#606060;
	font-family: 'RokkittRegular';
	font-style:italic;
	text-decoration:none;
	padding:98px 0 0;
	margin:32px auto 0;
	display:block;
	width: 150px;
	/*background:url(../images/button-more.jpg) no-repeat center top;*/
	outline:none;
	font-size:16px;
	font-weight:normal;
	text-shadow: 0 1px 0 #fcfcfc;
}
.body h3{
	font-family: 'RokkittRegular';
	font-size:16px;
	font-weight:bold;
	color:#636363;
	margin:5px 0 0;
	line-height:30px;
}

.body h4{
	font-family: 'RokkittRegular';
	font-size:16px;
	font-weight:bold;
	color:#603;
	margin:15px 0 0;
	line-height:21px;
}

.body h5{
	font-family: 'RokkittRegular';
	font-size:18px;
	font-weight:bold;
	color:#603;
	margin:15px 0 0;
	line-height:21px;
}

.body p{
	font-family: 'RokkittRegular';
	font-size:16px;
	text-align:justify;
	color:#636363;
	margin:0 0 20px;
	line-height:21px;
}
.body p a{
	outline:none;
	color:#636363;
}
.body ul{
	list-style:none;
    margin:0;
    padding:0;
	overflow:hidden;
}
.body ul li:first-child{
	background:none;
	padding:0 0 30px;
}
.body ul li{
	overflow:hidden;
	background:url(../img/layout/separator.jpg) no-repeat center top;
	padding:10px 0;
}
.body ul li div.featured{
	background:url(../images/interface.jpg) no-repeat 0 -68px;
	width:281px;
	height:292px;
	text-align: center;
	margin:0;
}
.body ul li div.featured img{
	margin:10px 0 0 -3px;
	border:0;
}
.body ul li div.featured ul{
	overflow:hidden;
	margin:2px 0 0 10px;
	
}
.body ul li div.featured ul li:first-child{
	margin:0;
}
.body ul li div.featured ul li{
	float:left;
	margin:0 0 0 18px;
	background:none;
	padding:0;
}
.body ul li div.featured ul li a{
	padding:0;
}
.body ul li div.featured ul li a img{
	margin:0;
}
.body ul li div.featured ul li a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.body ul li div.featured a{
	clear:both;
	display:block;
	font-size:13px;
	font-family: 'RokkittRegular';
	text-decoration:none;
	color:#8a8889;
	font-weight:bold;
	padding:5px 0 0;
	width:auto;
	outline:none;
}
.body ul li div{
	float:left;
	margin:0 0 0 50px;
	width:609px;
}
.body ul li div.buttonMore{
	float:left;
	margin:0 0 0 50px;
	width:609px;
	background:url(../images/button-more.jpg) no-repeat left bottom;
}
.body ul li div h3{
	margin:0;
	font-size:20px;
	font-weight:bold;
	font-family: 'RokkittRegular';
	color:#f28220;
	line-height:22px;
}
.body ul li div p{
	line-height:22px;
	font-family: 'RokkittRegular';
	font-size:14px;
	color:#5D5D5D;
	padding:0 0 90px;
	margin:0;
}
.body ul.paging{
	margin:15px 0 10px 210px;
}
.body ul.paging li{
	float:left;
	padding:0 5px;
	background:none;
}
.body ul.paging li a{
	text-decoration:none;
	color:#ff7e0d;
	font-family: arial;
	font-size:12px;
}
.body ul.paging li a:hover{
	color:#5D5D5D;
}

.body input {
	font-size:0.8em; 	
}
/*------------------------- Footer ------------------------*/ 
#layout-footer {
    height: 200px;
    margin: 0 auto;
    position: relative;
    width: 1006px;
}

.footerLogos {
    background: none repeat scroll 0 0 #F0F0F0;
    bottom: 65px;
    color: #999999;
    left: 0;
    margin: 20px 0;
    position: absolute;
    text-align: left;
}
.sombraSuperiorPie {
    background: url(../img/layout/sombra-superior-pie.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    width: 1006px;
}
.sombraInferiorPie {
    background: url(../img/layout/sombra-inferior-pie.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    width: 1006px;
}
#nav-shadow {
    margin: 0 auto;
    min-height: 70px;
    padding: 10px 0 0;
    text-align: center;
    width: 890px;
}
#nav-shadow li {
    float: left;
    list-style: none outside none;
    margin: 0 10px;
    position: relative;
}





/*------------------------- Calendario ------------------------*/ 
.calendar-titulo1 {margin-left:auto; margin-right:auto; width:610px; font-size:1em;}
.calendar { background:#f2f2f2; width:610px; margin-left:auto; margin-right:auto; margin-top:20px; border:1px solid #CCC;}
.calendar .calendar-header { background:#603; color:#e2e2e2; font-family:Georgia, "Times New Roman", Times, serif; padding:10px; text-align:center; font-weight:bold;  }
.calendar table { border-collapse:collapse; width:100%; }
.calendar table, th, td { margin: 0; padding: 0; }
.calendar .calendar-header  a { text-decoration:none; color:#fff; }
.calendar .calendar-header  a:hover { text-decoration:underline; }
.calendar table thead th {  text-align:center; border-bottom:1px solid #999; padding:2px 2px; font-family: Arial,sans-serif; font-weight:100; text-shadow:#fff 1px 1px 0px; }
.calendar table tbody tr td p{ background:url(../img/calendario/calender-default.png) repeat-x; border:1px solid #fff; border-right:1px solid #d6d6d6; font-family: Arial,sans-serif; border-bottom:1px solid #d6d6d6; width:74px; height:70px; display:block; text-align:center; padding:5px; text-shadow:#fff 1px 1px 0px; -moz-border-radius:7px; -webkit-border-radius:7px;  }
.current-bg { background:url(../img/calendario/current-bg.png) repeat-x!important; border:1px solid #0CF!important; }
.calendar table tbody tr td p:hover { background:url(../img/calendario/hover-bg.png) repeat-x; border:1px solid #3F9;  }
.calendar p {font-size:0.8em; }
.body div.calendar p{
	margin:0 0;
}
-->

/*------------------------- Color ------------------------*/ 
.azul {
	/*font-weight:bold;
	font-style:italic;*/
	color: #0093D0;
	font-size:1em;
}

.gris {
	/*font-weight:bold;
	font-style:italic;*/
	color: gray;
	font-size:1em;
}

.nota {
	font-weight:bold;
	font-style:italic;
}
-->

/*------------------------- Formularios ------------------------*/ 
#columnaIzquierda{
	width: 61%;  /*Este será el ancho que tendrá tu columna*/
	float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#columnaDerecha{
	margin-left:61%;
	width: 39%;  /*Este será el ancho que tendrá tu columna*/
}

#columnaIzquierdaCorredor{
	width: 66%;  /*Este será el ancho que tendrá tu columna*/
	float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#columnaDerechaCorredor{
	margin-left:66%;
	width: 34%;  /*Este será el ancho que tendrá tu columna*/
}

#izquierda{
	width: 48%;  /*Este será el ancho que tendrá tu columna*/
	float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#derecha{
	margin-left:49%;
	width: 51%;  /*Este será el ancho que tendrá tu columna*/
}


.body li.derechaFormSalud{
	margin-left:-50px;
}

.body li.margen50{
	margin-left:-50px;
}

#alaIzquierda{
	width: 28%;
}

#alaDerecha{
	left: 20%;
	width: 10%;
}

.body p.tituloSeccion {
	margin-left:50px;
}

.separador {
	overflow:hidden;
	padding:10px 0;
}

#gris {
	color:gray;
}

.body div.colum1{
	width: 23%;
}

.body div.colum2{
	left: 25%;
	width: 30%;
}

.body div.colum3{
	left: 27%;
	width: 21%;
}

.body div.columna1{
	width: 18%;
}

.body div.columna2{
	left: 20%;
	width: 18%;
}

.body div.columna3{
	left: 20%;
	width: 18%;
}

.body div.columna4{
	width: 18%;
}

.body div.alaIzquierda{
	width: 36%;
}

.body div.alaDerecha{
	left: 33%;
	position:absolute;
	width: 20%;
}

.body .coordenadas{
	margin-left:0px;
}

.body div.columnaD1{
	width: 30%;
}

.body div.columnaD2{
	left: 2%;
	width: 30%;
}

.body div.columnaD3{
	left: 2%;
	width: 30%;
}

-->

/*------------------------- TablasReportes ------------------------*/ 
.tablasReportes { background:#f2f2f2; width:100%; margin-left:auto; margin-right:auto; margin-top:-3px; border:1px solid #CCC;}
.tablasReportes table { border-collapse:collapse; width:100%; }
.tablasReportes table, th, td { margin: 0; padding: 0; border:1px solid #CCC; text-align:center; }
.tablasReportes .calendar-header  a { text-decoration:none; color:#fff; }
.tablasReportes .calendar-header  a:hover { text-decoration:underline; }
.tablasReportes table thead th {  text-align:center; border-bottom:1px solid #999; padding:2px 2px; font-family: Arial,sans-serif; font-weight:100; text-shadow:#fff 1px 1px 0px; }
.tablasReportes table tbody tr td p{ border:1px solid #fff; border-right:1px solid #d6d6d6; font-family: Arial,sans-serif; border-bottom:1px solid #d6d6d6; width:74px; height:70px; display:block; text-align:center; padding:5px; text-shadow:#fff 1px 1px 0px; -moz-border-radius:7px; -webkit-border-radius:7px;  }
.tablasReportes p {font-size:0.8em; }

-->
/*------------------------- TablasReportes1 ------------------------*/ 
.tablasReportes1 { background:#f2f2f2; width:100%; margin-left:auto; margin-right:auto; margin-top:-3px; border:1px solid #CCC; font-size:0.6em;}
.tablasReportes1 table { border-collapse:collapse; width:100%; }
.tablasReportes1 table, th, td { margin: 0; padding: 0; border:1px solid #CCC; text-align:center; }
.tablasReportes1 .calendar-header  a { text-decoration:none; color:#fff; }
.tablasReportes1 .calendar-header  a:hover { text-decoration:underline; }
.tablasReportes1 table thead th {  text-align:center; border-bottom:1px solid #999; padding:2px 2px; font-family: Arial,sans-serif; font-weight:80; text-shadow:#fff 1px 1px 0px; }
.tablasReportes1 table tbody tr td p{ border:1px solid #fff; border-right:1px solid #d6d6d6; font-family: Arial,sans-serif; border-bottom:1px solid #d6d6d6; width:74px; height:70px; display:block; text-align:center; padding:5px; text-shadow:#fff 1px 1px 0px; font-size:80%; -moz-border-radius:7px; -webkit-border-radius:7px;  }
.tablasReportes1 p {font-size:0.8em; }

-->
/*------------------------- Tabla Chi-cuadrado ------------------------*/ 
.tablasChi-cuadrado { background:#f2f2f2; margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #CCC;}
.tablasChi-cuadrado table { border-collapse:collapse; width:100%; }
.tablasChi-cuadrado table, th, td { margin: 0; padding: 0; border:1px solid #CCC; text-align:center; }
.tablasChi-cuadrado table thead th { text-align:center; border-bottom:1px solid #999; padding:2px 2px; font-family: Arial,sans-serif; font-weight:100; text-shadow:#fff 1px 1px 0px; }
.tablasChi-cuadrado table tbody tr td { border:1px solid #fff; border-right:1px solid #d6d6d6; font-family: Arial,sans-serif; border-bottom:1px solid #d6d6d6; text-align:left; text-shadow:#fff 1px 1px 0px;   }
-->

/*------------------------- Tabla contingencia ------------------------*/ 
.tablasContingencia table { border-collapse:collapse; width:45%;  background:#f2f2f2; }
.tablasContingencia table, th, td { margin: 0; padding: 0; border:1px solid #CCC; text-align:center; }
.tablasContingencia table thead th { text-align:center; border-bottom:1px solid #999; padding:2px 2px; font-family: Arial,sans-serif; font-weight:100; text-shadow:#fff 1px 1px 0px; }
.tablasContingencia table tbody tr td { border:1px solid #fff; border-right:1px solid #d6d6d6; font-family: Arial,sans-serif; border-bottom:1px solid #d6d6d6; text-align:left; text-shadow:#fff 1px 1px 0px;   }
-->

td.izquierda {
	text-align:left;
}

p.centro {
	text-align:center;
}

p.centroF {
	text-align:center;
	color:#FF66FF;
}

p.centroM {
	text-align:center;
	color:blue;
}
p.centroT {
	text-align:center;
	color:#000;
}
td.naranja {
	background-color:#FFCC99;
}

td.rojo {
	color:#C00;
}
td.verde {
	color:#090;
}
td.azul {
	color:#039;
}

td.derecha {text-align:right;}

td.sinBordes {
	border:hidden;
}

td.sinBordesLeft {
	border:hidden;
	text-align:left;
}

td.sinBordesDerecha {
	border:hidden;
	text-align:right;
}

td.bordesDerecha {
  border-top-style: hidden;
  border-right-style: solid;
  border-bottom-style: hidden;
  border-left-style: hidden;
}

input.centrado {
	text-align:center;
}

/* -------------------------- Labels sobre los polígonos --------------*/
 .labels {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 65px;     
     border: 2px solid black;
     white-space: nowrap;
   }

/* ------------------------- Planos miniatura ------------------------*/
#planoMiniatura{
	width: 16%;  /*Este será el ancho que tendrá tu columna*/
	float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

.left {
	text-align:left;
}

/* Content Boxes
———————————————————— */
.content-box-1,
.content-box-2,
.content-box-3,
.content-box-4,
.content-box-5,
.content-box-6,
.content-box-7,
.content-box-8,
.content-box-9,
.content-box-10,
.content-box-11,
.content-box-12 {
margin: 0 0 1px;
overflow: hidden;
padding: 20px;
}

.content-box-1 {
background-color: #c70039;
border: hidden;
}

.content-box-2 {
background-color: #ff5733;
border: hidden;
}

.content-box-3 {
background-color: #ff8d1a;
border: hidden;
}

.content-box-4 {
background-color: #ffc300;
border: hidden;
}

.content-box-5 {
background-color: #eddd53;
border: hidden;
}

.content-box-6 {
background-color: #add45c;
border: hidden;
}

.content-box-7 {
background-color: #57c785;
border: hidden;
}

.content-box-8 {
background-color: #00baad;
border: hidden;
}

.content-box-9 {
background-color: #2a7b9b;
border: hidden;
}

.content-box-10 {
background-color: #3d3d6b;
border: hidden;
}

.content-box-11 {
background-color: #511849;
border: hidden;
}

.content-box-12 {
background-color: #900c3f;
border: hidden;
}

.boton{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#1c5299;
border:0px;
width:80px;
height:19px;
}






    /* new clearfix */
    .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    * html .clearfix { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */