/* CSS Document */

html, BODY
{
		height: 100%;
}
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	color: #4A4A4A;
	background-color: #FFF;
	font-size: 15px;
	line-height: 140%;
	top: 0px;
	margin: 0px;
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#235cac;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:15px;
}
.invisible {
	display:none;
}
.tfinal {
	width: 100%;
	float:left;
}
.guardarp {
	background-color: #FF9016;
	color: #FFF;
	text-align: center;
	padding:10px;
	cursor:pointer;
}
.imprimir {
	float: left;
	margin-top: 20px;
	margin-bottom:20px;
}
.eliminarp {
	background-color: #666666;
	color: #FFF;
	text-align: center;
	padding:10px;
	cursor:pointer;
}
.guardar {
	margin-top:1%;
	margin-bottom:1%;
	floar:left;
	width:95%;
	
}
 a.guardarp:hover {
	text-decoration: none;
	background-color:#737373;
}
a {
	color: #FF9016;
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;	
}
#head {
	font-size: 12px;
	line-height: 17px;
	height: auto;
	width:100%;
	min-width: 952px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0;
    left: 0;
	background-color: #235cac;
}
#head .logo {
	float: left;
	margin-left:2%;
	margin-top:7px;
	 
}

#head .tablacentral{
	float:left;
	width:100%;
}
#head .central{
	float:left;
	width:auto;
	margin-right: auto;
	margin-left: auto;
}
#head .slogan{
	float:right;
	width:auto;
}



#head .plecaam {
	float: left;
	width: 100%;
	background-color: #235cac;
	height: 45px;
	text-align:center;
}
#head .version {
	position: absolute;
	left: 0px;
	top: 0px;	
}
#head .plecaam1 {
	clear:left;
	width: 98%;
	background-color: #FFFFFF;
	margin-right:auto;
	margin-left:auto;
}
#head .plecang1 {
	clear:left;
	width: 100%;
	background-color: #FFFFFF;
	float:left;
}
#head .plecang {
	clear:left;
	width: 99%;
	background-color: #FFFFFF;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-width: 880px;
	float:left;
}
#head .plecang2 {
	clear:left;
	width: 100%;
	background-color: #FFF;
	float:left;
	padding-top: 2%;
	padding-bottom: 2%;
}
#head .plecang22 {
	clear:left;
	width: 99%;
	background-color: #FFF;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	min-width: 880px;

}
#head .datoslogin {
	float:left;
	margin-left:5%;
	float:right;
	padding: 10px;
	margin-top: 10px;
}
#head .datoslogin .correo {
	font-weight: bold;
	text-align: right;	
}
#styleone{
	position:relative;
	display:block;
	float:left;
	height:45px;
	font-size:15px;
	font-weight:lighter;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: normal;
}
#styleone ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
#styleone ul li{
	display:block;
	float:left;
}
#styleone ul li a, styleone ul li a:active, #styleone ul li a:visited{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	font-size: 15px;
	font-weight:normal;
	vertical-align: middle;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	height:33px;
}

#styleone ul li a:hover{
	vertical-align: middle;
	text-decoration:none;
	color:#FFF;
	background-color:#FF9016;
}
#styleone ul li.activo{
	display:block;
	float:left;
	text-decoration:none;
	font-size:15px;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 18px;
	margin-top: 0px;
	font-weight:normal;
	text-decoration:none;
	color:#FFF;
}
#styleone img{
	float: left;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#buscador {
	width: 20%;
	float:left;
	margin-left: 30px;
	margin-top: 20px;
}
#buscador .caja {
	width: 100%;
	float:left;
	padding: 0px;
}
#buscador .caja .titulo {
	width: 96%;
	font-size: 17px;
	padding: 2%;
	color:#FFF;
}
#buscador .caja .cajasearch {
	width: 96%;
	float:left;
	padding: 4%;
}
#buscador .caja1 {
	border: 1px solid #737373;          
        background-color: #FFEFDD;
	margin-bottom:15px;
}
#buscador .caja1 .titulo1 {
		background-color:#FF9016;
}
#buscador .caja2 {
	border: 1px solid #334C7C;	
	margin-bottom:15px;
	background-color:#DAE1EF;
	color: #334C7C;
}
#buscador .caja2 .titulo2 {
		background-color:#334C7C;
}
#buscador .caja .rows {
	width: 96%;
	float:left;
	padding-bottom:6px;
}
#buscador .caja .rowsp {
	width: 92%;
	float:left;
	padding:1%;
	background-color:#F0F3F9;
	margin:1%;
	border: 1px solid #06C;
}
#buscador .caja .rowsp a {
	color:#334C7C;
}
#buscador .caja .rowsp .puesto {
	float:left;
	width: 95%;
}
#buscador .caja .rowsp .tache {
	float:left;
	width: 5%;
}
#buscador input[type=text] {
	width: 94%;
	padding: 5px;
}
#buscador select {
	width: 99%;
	float:left;
	padding:5px;
}
#buscador .caja1  input[type=text] {
	border: 1px solid #C5C5C5;
	color: #737373;
	background-color:#fff;
}
#buscador .caja2  input[type=text] {
	border: 1px solid #334C7C;	
	color: #334C7C;
}
#buscador .caja1  select {
	border: 1px solid #737373;	
	color: #737373;
}
#buscador .caja2  select {
	border: 1px solid #334C7C;	
	color: #334C7C;
}
#buscador input[type=submit], input[type=button] {
	float:right;
	background-color:#FF9016;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:8px;
	cursor:pointer;
	color:#FFF;
	font-size:16px;
	margin-right:3px;
}

#mainBanner
{
	width:100%;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
#cuerpo {
	width: 72%;
	float:left;
	margin-left: 2%;
	margin-top: 20px;
	margin-right: 0%;
}
#cuerpo .titulopuesto{
	width: 70%;
	float:left;
}
#cuerpo .sm{
	width: 28%;
	float:left;
}
#cuerpo .titulos {
	width: 100%;
	font-size:28px;
	letter-spacing: 8px;
	text-transform: uppercase;
	padding-bottom: 15px;
	line-height: normal;
}
#cuerpo .subtitulos {
	width: 100%;
	font-size:22px;
	letter-spacing: 5px;
	text-transform: uppercase;
	padding-bottom: 15px;
	color: #FF9016;
}
#cuerpo .subtitulos2 {
	width: 98%;
	font-size:20px;
	padding-bottom: 0px;
	color: #334B7B;
	margin-top: 4%;
	margin-bottom:2%;
	float: left;
	line-height: normal;
}
#cuerpo .fecha {
	font-size:13px;
	margin-top:6%;
	float:left;
	width:97%;
}
#cuerpo .fecha2 {
	font-size:13px;
	float:left;
	width:97%;
}
#cuerpo .resalta {
	color: #FF9016;
}
#cuerpo .textogral {
	margin-top: 8px;
	margin-bottom: 50px;
}
#cuerpo .divide {
	height: 12px;
	background-color:#334B7B;
	margin-top: 20px;
	margin-bottom: 20px;
}
#cuerpo .divide2 {
	height: 8px;
	background-color:#334B7B;
	margin-top: 8px;
	margin-bottom: 20px;
}
#cuerpo .cajasmedio {
	width: 100%;
	border: thin solid #CACACA;
	float: left;
	margin-bottom:3%;
	padding:3%;
	background-color: #EEE;
}
#cuerpo .cajasmedio p {
	padding:0px;
	margin:8px;
}
#cuerpo .divcajas {
	width: 3%;
	float: left;
	display:block;
}
#cuerpo .numero {
	font-size: 38px;
}
#cuerpo .azul {
	color: #334B7B;
}
#cuerpo .centrar {
	text-align: center;	
}
#cuerpo .texgral {
	width:70%;
	float:left;
}
#graficas {
	float:left;
	margin-bottom: 3%;
	margin-top: 3%;
	margin-right: 3%;
	width:60%;
	border: thin solid #CACACA;	
	padding:1%;
	background-color:#EEEEEE;
	height:300px;
}
#graficas2 {
	float:left;
	margin-bottom: 3%;
	margin-top: 3%;
	width:32%;
	border: thin solid #CACACA;	
	padding:1%;
	background-color:#EEEEEE;
	height:300px;
}
#graficas .graph {
	float:left;
	width:100%;
	max-height: 300px;
}
#graficas2 .graph2 {
	max-height: 300px;
	width:100%;
	float:left;
}
#graficas3 {
	float:left;
	margin-bottom: 3%;
	margin-top: 3%;
	width:100%;
	border: thin solid #CACACA;	
	padding:1%;
	background-color:#EEEEEE;
	height:300px;
}
#graficas3 .graph3 {
	max-height: 300px;
	width:100%;
	 float:left;
}
#canvas {
	 max-height:300px; 
	 min-height:250px;
	 height:300px;
	 float:left;

}
#canvas-holder {
	max-height:300px;
	min-height:250px;
	height:300px;
	float:left;
	text-align: center;

}
#chart-area {
	margin-left: auto;
   	margin-right: auto;

}
#tablas {
	width: 98%;
	float:left;
	margin-bottom:5px;
}
#tablas td {
	padding:8px;
}
#tablas table {
	width:100%;
	float: left;
}
#tablas .tit{
	width: auto;
	float:left;
	padding: ;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #737373;
	border-right-color: #737373;
	border-left-color: #737373;
	margin-right: 1%;
	cursor:pointer;
	font-size:16px;
	font-weight: normal;
	color: #FFF;
}
#tablas .titactivo{
	background-color:#FF9016;
	color:#FFF;
	font-weight:bold;
	border-top-color: #FF9016;
	border-right-color: #FF9016;
	border-left-color: #FF9016;
	cursor:auto;
}
#tablas .recuadro{
	width:100%;
	border: thin solid #737373;	
	float:left;
	padding:1%;
	background-color:#D8D8D8;
	float:left;
}
#tablas .titrecuadro{
	width:17.5%;
	float:left;
	padding:1%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	color:#FFF;
	min-height: 21px;
	text-align: center;
}
#tablas td{
	background-color:#fff;
}
#tablas .fgris{
	background-color:#737373;
}
#tablas .fgris2{
	background-color:#737373;
	color:#FFF;
	text-align: center;
	min-height: 42px;
}
#tablas .fblanco2{
	background-color:#FFF;
	color:#000;
	min-height: 42px;
}
#tablas .fespacios2{
	padding: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom:3%;
	margin-right: 2%;
	margin-left: 2%;
}
#tablas .ultimo{
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #737373;
}
#tablas .primerdato{
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #737373;
}
#tablas .primero{
	background-color:transparent;
	border-right-style: none;
}
#tablas .ancho2 {
	width: 12%;
	min-height: 42px;
}
#tablas .datos{
	width:17.5%;
	float:left;
	padding:1%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	min-height: 21px;
	text-align: right;
	background-color: #FFF;
}
#tablas .datosret{
	width:12%;
	float:left;
	padding:1%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	min-height: 42px;
	text-align: right;
	background-color: #FFF;
}
#tablas .izq{
	text-align: left;
}
#tablas .der{
	text-align: right;
}
#tablas .centro{
	text-align: center;
}
#tablas .resaltado{
	background-color:#FFCD96;
}
#tablas .datoseje{
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #FFF;
	border-left-color: #999;
	background-color:#737373;
	color:#FFF;
}
#cuerpo .cajasp {
	width: 45%;
	border: thin solid #CACACA;
	float: left;
	margin-bottom:3%;
	padding:1%;
	background-color: #EEE;
	min-height: 280px;
}
#cuerpo .cajasu {
	width: 95%;
	border: thin solid #CACACA;
	float: left;
	margin-bottom:3%;
	padding:1%;
	background-color: #EEE;
	min-height: 280px;
}

#cuerpo .divcajasp {
	width: 3%;
	float: left;
	display:block;
}
#cuerpo .titbon {
	width: 25%;
	float: left;
	margin-bottom:0%;
	margin-top:0%;
	padding:1%;
	background-color: #EEE;
	font-weight:bold;
	font-size:17px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CACACA;
	border-right-color: #CACACA;
	border-bottom-color: #CACACA;
	border-left-color: #CACACA;
}
#cuerpo .conttitbon {
	width: 70%;
	float: left;
	margin-bottom:1%;
	padding:1%;
	float: left;
	border: thin solid #CACACA;
}

#footer {
	width:100%;
	background-color:#235cac;
	float:left;
	margin-top: 30px;
}
#footer .cont {
	float:left;
	width:90%;
	padding: 1%;
	text-align: center;
	color:#FFF;
}
#footer .contgde {
	font-size: 18px;
	font-weight: bold;
}
#footer .contch {
	font-size: 12px;
}
#modulos2 {
	display:block;
}
.divide {
	display:block;
}
#pguardados {
	display:block;
}
#prapida {
	display:block;
}
#pavanzada {
	display:block;
}
.minus3 {
	
}
.plus3 {
	
}
#thomecel{

}
#contacto{
	background-color: #EEEEEE;
	padding: 1%;
	margin-bottom:1%;
	float:left;
	margin-bottom: 25px;
}
#contacto .fd{
	padding:1%;
	float:left;
	width: 40%;
	margin-right: 3%;
}
#contacto .fd2{
	padding:1%;
	float:left;
	width: 83%;
	margin-right: 3%;
}

#contacto .ft{
	padding:1%;
	float:left;
	width: 100%;
}
#contacto label{
	float:left;
	width: 100%;
}
#contacto input[type="text"]{
	padding:2%;
	border: 1px solid #CCCCCC;	
	width: 100%;
	background-color:#FFF;
	float:left;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(51, 76, 124, 1);
  border: 1px solid rgba(51, 76, 124, 1);
}
#contacto textarea{
	padding:2%;
	float:left;
	width: 98%;
	border: 1px solid #CCCCCC;	
	
}
#contacto .contieneboton{
	padding:1%;
	float:left;
	width: 85%;
	text-align:center;
}
#contacto input[type=submit]{
	padding:1%;
	background-color: #FF9016;
	border:none;
	color:#FFF;
	font-size:18px;
	cursor:pointer;
}
a.bttperfil {
	padding:1%;
	background-color: #FF9016;
	border:none;
	color:#FFF;
	font-size:18px;
	cursor:pointer;
}
a.bttperfil:hover {
	text-decoration: none;
}


@media screen and (max-width: 1100px) {
    #cuerpo .texgral {
	width:100%;
	float:left;
    }
	#graficas {
	max-height:auto;
	height:auto;
	width:99%;
	margin-right:0%;
	}
	#graficas2 {
	width:99%;
	height:auto;
	}
    #graficas .graph {
        max-height: auto;
    }
    #graficas2 .graph2 {
        max-height: auto;
        width:100%;
    }
    #tablas .tit{
        font-size:13px;
    }
    #tablas th{
        font-size:13px;
    }
    #tablas td{
        font-size:12px;
    }
}


@media screen and (max-width: 1024px) {
    #cuerpo .texgral {
	width:100%;
	float:left;
    }
	#head {
		min-width: 850px;
	}
	#buscador {
		width: 28%;
	}
	#mainBanner
{
	width:850px;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
	#cuerpo {
		width: 62%;
	}
	#cuerpo .titulopuesto{
		width: 65%;
	}
	#cuerpo .sm{
		width: 32%;
	}
	
	
#canvas {
	 max-height:300px; 
	 min-height:200px;
	 height:200px;
}
#canvas-holder {
	height:250px;
	width:200px;
}
#cuerpo .numero {
	font-size: 30px;
}
#tablas .tit{
	font-size:12px;
}
#tablas th{
	font-size:12px;
}
#tablas td{
	font-size:11px;
}
}


@media screen and (max-width: 895px) {
  #cuerpo .texgral {
	width:100%;
	float:left;
    }
	#head .datoslogin {
		display: none;
	}
	#mainBanner
{
	width:395px;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
#buscador {
	width: 30%;
}
#cuerpo {
	width: 62%;
}
#cuerpo .titulopuesto{
	width: 70%;
	float:left;
}
#cuerpo .sm{
	width: 30%;
	float:left;
}
#cuerpo .numero {
	font-size: 30px;
}
#tablas {
	font-size: 11px;
}
#canvas-holder {
	height:250px;
	width:140px;
}
	#graficas {
	max-height:auto;
	height:auto;
	width:99%;
	margin-right:0%;
	}
	#graficas2 {
	width:99%;
	height:auto;
	}
#graficas .graph {
	max-height: auto;
}
#graficas2 .graph2 {
	max-height: auto;
	width:100%;
}
	#cuerpo .numero {
		font-size: 25px;
	}
#tablas .tit{
	font-size:11px;
}
#tablas th{
	font-size:10px;
}
#tablas td{
	font-size:10px;
}
}
@media screen and (max-width: 768px) {
  #cuerpo .texgral {
	width:100%;
	float:left;
    }
	#head {
		min-width: 850px;
	}
	#mainBanner
{
	width:468px;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
	#buscador {
		width: 30%;
	}
	#cuerpo {
		width: 60%;
	}
	#cuerpo .titulopuesto{
		width: 65%;
	}
	#cuerpo .sm{
		width: 34%;
	}
	#cuerpo .numero {
		font-size: 25px;
	}
}

@media screen and (max-width: 717px) {
  

BODY
{
	font-size: 15px;
}
#buscador .caja .titulo {
	font-size: 18px;
	padding: 2%;
}
  /**/
  #mainBanner
{
	width:50%;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
  #cuerpo .texgral {
	width:100%;
	float:left;
    }
  .cont_img{
    text-align: center;
    margin: 0 auto;
    width: 100%;/*ANCHO TOTAL DE LAS IMAGENES*/
  }
/**/
	#head {
	font-size: 11px;
	line-height: 13px;
	height: auto;
	width:100%;
	min-width: 100%;
	float:left;
}
#head .plecang {
	clear:left;
	width: 99%;
	background-color: #CAE9FD;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-width: 99%;
	float:left;
}
#head .plecang22 {
	clear:left;
	width: 99%;
	background-color: #FFF;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	min-width: 99%;
}
#head .plecaam {
	display: block;
}
#head .plecaam1 {
	display: block;
}
#head {
	display: none;
}
#cuerpo{
	float: left;
	width:92%;
	min-height:auto;
	margin-top: 4%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: left;
	float:left;
}
#buscador {
	width: 90%;
	margin:4%;
    position: relative;
    margin-top: -60px;
}
#mainBanner
{
	width: 400px;
	height: auto;
	/*background-color:#ff0000;*/
	margin-left: auto;
	margin-right: auto;
}
#cuerpo .titulos {
	width: 100%;
	font-size:28px;
	letter-spacing: 8px;
	text-transform: uppercase;
	padding-bottom: 5px;
}
#titprincipal {
	display:block;
	
}
#cuerpo .textogral {
	margin-top: 8px;
	margin-bottom: 5px;
}

#buscador input[type=text] {
	padding:6px;
	font-size:18px;
}
#buscador select {
	padding:6px;
	font-size:18px;
}

#buscador input[type=submit], input[type=button] {
	padding:10px;
	font-size:19px;
}
#pguardados {
	display:none;
}
#prapida {
	display:none;
}
#pavanzada {
	display:none;
}
#buscador .caja .titulo {
	font-size: 19px;
	padding-top: 4%;
	padding-bottom: 4%;
}
#buscador .caja1 {
	margin-bottom:5px;
}
#buscador .caja2 {
	margin-bottom:5px;
}

.minus3 {
	display:block;
	background-image:url(images/menos_up.png) !important;
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}
.plus3 {
	display:block;
	background-image:url(images/mas_up.png) !important;
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}
#thomecel{
	float: left;
	width:92%;
	min-height:auto;
	margin-top: 0%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: left;
	float:left;
}
#cuerpo .titulopuesto{
	width: 95%;
}
#cuerpo .subtitulos {
	font-size:20px;
	line-height:normal;
	letter-spacing: 3px;
}
#cuerpo .subtitulos2 {
	font-size:20px;
	margin-top: 5%;
	margin-bottom:1%;
	line-height:normal;
}
#cuerpo .numero {
	font-size: 25px;
}
#cuerpo .sm{
	width: 95%;
	margin-left: 0px;
}
#tablas table {
	width:100%;
	float: left;
	font-size:14px;
}
#tablas td {
	padding:1px;
	font-size:14px;
}
#cuerpo .cajasp {
	width: 98%;
	min-height: 1px;
}
#cuerpo .cajasu {
	width: 98%;
	min-height: 1px;
}

#cuerpo .divcajasp {
	width: 0%;
}

#contacto .fd{
	padding:1%;
	float:left;
	width: 92%;
	margin-right: 3%;
}
#contacto .fd2{
	padding:1%;
	float:left;
	width: 83%;
	margin-right: 3%;
}
#contacto .ft{
	padding:1%;
	float:left;
	width: 100%;
}
#contacto input[type="text"]{
	padding:2%;
	float:left;
	border: 1px solid #CCCCCC;	
	width: 100%;
	font-size:150%;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(51, 76, 124, 1);
  border: 1px solid rgba(51, 76, 124, 1);
}
#contacto textarea{
	padding:2%;
	float:left;
	width: 100%;
	border: 1px solid #CCCCCC;	
	font-size:150%;
	
}
#contacto input[type=submit]{
	padding:4%;
	float:left;
	background-color: #FF9016;
	border:none;
	color:#FFF;
	font-size:22px;
	cursor:pointer;
	
}
	#graficas {
	max-height:auto;
	height:auto;
	width:99%;
	margin-right:0%;
	}
	#graficas2 {
	width:99%;
	height:auto;
	}
#graficas .graph {
	max-height: auto;
}
#graficas2 .graph2 {
	max-height: auto;
	width:100%;
}
#canvas {
	 max-height:300px; 
	 min-height:200px;
	 height:200px;
}
#canvas-holder {
	height:250px;
	width:200px;
}
#tablas .tit{
	margin-right: 0px;
	cursor:pointer;
	font-size:11px;
	font-weight: normal;
	padding-top:2%;
	padding-bottom:2%;
}
#tablas .der{
	text-align: left;
}

}
@media screen and (max-width: 400px) {
  #cuerpo .texgral {
	width:100%;
	float:left;
    }
	#mainBanner
{
	width:300px;
	height:auto;
	/*background-color:#ff0000;*/
	margin-left:auto;
	margin-right:auto;
}
	#tablas table {
	font-size:12px;
    }
    #tablas td {
        font-size:12px;
    }
  .cont_img{
    text-align: center;
    margin: 0 auto;
    width: 100%;/*ANCHO TOTAL DE LAS IMAGENES*/
  }
}