@import url(https://fonts.googleapis.com/css?family=Lato);
/*
font-family:Arial, Helvetica, sans-serif;
*/
/************************************* COLUMNAS**************************************/

div#newsletter	{ border:0px solid #ccc; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:5px 0; background:#00378a !important; border-left:0px solid #ccc; padding:10px; -webkit-border-radius: 5px;
border-radius: 5px; overflow:hidden;}
div#newsletter div	{ background:none; padding:0px; }	
					
div#newsletter input.box	{ font:normal 12px arial; width:auto; -webkit-border-radius: 3px;
border-radius: 3px;  padding:5px; border:none; width:170px; margin-bottom:5px;}
body#home2 div#newsletter input.box {width:255px;}
div#newsletter input[type=submit]{ -webkit-border-radius: 3px;  padding:5px; border:none;
border-radius: 3px; background:#d48230; color:#fff;}
div#newsletter input[type=image] {float:right;}
div#newsletter H5		{ color:#333; padding:0px; margin:0px;font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px;	}
div#newsletter a {color:#fff; text-decoration:none}
div#newsletter a:hover {color:#ddd; text-decoration:underline}


div.spotss img {max-width:278px;}
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333; background:#ebebeb;font-size:12px; overflow-x:hidden; border-top:3px solid #ccc;}
/*estructura*/
#maincontainer			{ width: 1120px; border:0px solid #090; background:#fff; margin:0 auto;  border:0px solid #f00; padding:20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
body#home2 #contentcolumn 		{ width: 1120px; border:0px solid #069; float: left;   padding:0; margin:0; }
#home2 #columna-grande		{ width: 1120px; border:0px solid #fc0; background: none; margin:0 auto;  float: none;  padding:0px;}
#contentcolumn 		{ width: 1120px; border:0px solid #069; float: left;   padding:0; margin:0; }
#columna-grande	 { width: 870px; border:0px solid #fc0; background: none; margin:0 auto;  float: right;  padding:0px 15px;}
#columna-izquierda	{ width: 200px; border:0px solid #f00; background:#f0f0f0; margin:0; padding:0 10px; padding-right:9px; border-right:1px solid #ddd;   }
#columna-derecha { width: 200px; border:0px solid #069; background:#ececed; float: left;  border-left:0px solid #ddd;   padding:0 10px; }


/****************************** PIE Y TOP *************************************/
#pie { font:normal 14px Arial, Helvetica, sans-serif; width:1100px; margin:auto; border-top:0px solid #999; background:#00378a; text-align:left; padding:30px; }
#pie a, #pie a:hover{ text-decoration:none; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; !important;  }
#pie a:hover {color:#ffºf}
#pie_clie, #datospie {width:1100px; margin:0 auto; border:0px solid #f00; color:#ddd; text-align:center;}
#pie_clie {position:relative; }
#pie_clie img.logospie {
	position:absolute; right:10px; top:30px;
}
#pie ul#botopie {position:absolute; top:5px; right:10px	}
#pie ul#botopie li {float:left; }
#pie ul#botopie li + li { border-left:1px solid #666}
#pie ul#botopie li a {padding:5px; font-size:12px; font-weight:normal;color:#666; text-decoration:none; text-transform:uppercase}
#pie ul#botopie li a:hover {color:#f90}
#pie p.pie { text-align:center; margin-top:25px; color:#ccc; display:block; border-top:1px solid #111; font-size:12px !important;}
#pie p.pie a {font-size:12px !important;}
p.pie a.linkpie {
	color:#aaa !important; text-decoration:none;  font-size:10px;
}
h2#pie_seo {
	text-align:center; width:1100px; margin:0 auto; display:block
}		
#top{ width:1160px; top:0px; margin:0 auto; 	bordeR:0px solid #fc0; 	background:transparent; padding:0px; padding-top:0px;background:#ebebea; z-index:999; position:relative }
#top div.form_buscar input.boxbuscar {border:1px solid #dedede; padding:7px;width:200px;}
#top div.form_buscar input[type=image] {position:relative; top:-5px;left:5px;}
#top div.form_buscar {border:0px solid #f00; position:absolute; right:15px; top:90px; width:250px; z-index:999}

.ley_redes {position:absolute; top:30px; right:12px;}

/************************************* HOME **************************************/
#home, #home2 {line-height:17px; }
h1.frasehome { font:bold 12px Arial, Helvetica, sans-serif; color:#444; }
#home .copete, #home2 .copete { font-size: 10px; color:#666; }
#home a, #home2 a,#home a:hover,#home2 a:hover  { font:bold 10px Arial, Helvetica, sans-serif;color:#666;text-decoration:none; line-height:15px }
#home h3,#home2 h3  { font-family: Arial, Helvetica, sans-serif;; font-size:32px; font-weight:normal; color:#fff; line-height:20px;margin-bottom:15px;}
#home h3 a,#home h3 a:hover,#home2 h3 a,#home2 h3 a:hover  { font-family: Arial, Helvetica, sans-serif;; font-size:32px; font-weight:normal; color:#fff; line-height:20px;margin-bottom:15px;}
#home .epigrafe, #home2 .epigrafe { font-size: 10px;	padding-left:2px;	margin-top:-1px;	border-bottom:1px solid #ccc;	margin-bottom:15px;}
#home h2 {	font:bold 15px Arial, Helvetica, sans-serif;color:#666;display:block;	margin:0px; padding:0px;border:1px solid #e1e1e1;	padding:3px;}
#home p, #home2 p { margin:0px; font:normal 11px Arial, Helvetica, sans-serif; color:#333;line-height:17px; }
#home .des_doc, #home2 .des_doc{	border-left:2px solid #999;padding-left:15px;	margin-bottom:15px;	color:#333 }
#home .vernota,#home2 .vernota { text-align:left; background:#f3f5f9; border:1px solid #e5eaf4; padding-right:3px}
#home .vernota img,#home2 .vernota img { background:#f3f5f9 }
#home .linkdoc, #home2 .linkdoc {color:#999}
#home span.verdoc, #home2 .verdoc {color:#999}
.titproyhome, .titproyhome2{border-left:6px solid #90a8cb;display:block;padding:5px;margin:15px 0;font:bold 16px Arial, Helvetica, sans-serif;color:#8ba826}

/************************************* LISTAR **************************************/
#listar .cajam{margin:5px 0px;border-bottom:1px dotted #ccc;}

#listar span.linkdoc {display:block; margin: 15px 0;}
#listar span.linkdoc a.le {    background: #00378a;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
	color:#fff;
    }
	
#listar a.le {color:#0490f1;}

#listar H2{font:bold 16px Arial, Helvetica, sans-serif;margin:5px 0;color:#069;text-decoration:none;}
#listar H2 a, #listar H2 a:hover {font:bold 18px Arial, Helvetica, sans-serif; margin:5px 0; color:#f90500;	text-decoration:none; border-bottom:0px solid #f0f0f0;;}
#listar H2.titnolink {margin:5px 0;font:bold 50px verdana;}
#listar p, #listar ul  {margin:0px; margin-top:5px; font:normal 13px Arial, Helvetica, sans-serif; color:#333; line-height:17px;}
#listar ul li {font:normal 13px Arial, Helvetica, sans-serif; }
#listar .vernota {display:block; width:170px; margin-left:-5px; padding:3px 3px 3px 25px; background:url(../imagenes/vernota.gif) no-repeat 2% #fdfdfd; margin:0px;}
h1.copetelistar {display:block;padding:5px;margin:10px 10px 0px 0px;font:normal 10px verdana;color:#666;}

#listar #megusta {display:block; margin-bottom:3px; border-bottom:2px dotted #666; padding:5px 0; }

/************************************* DETALLE **************************************/
#detalle h2 /* COPETE */{ font-size: 12px; color:#377081; padding:0px; margin:0px;}
#detalle a, #detalle a:hover  { font:bold 12px Arial, Helvetica, sans-serif;, sans-serif;color:#f90500;text-decoration:none; line-height:15px }
#detalle a.volver_atras, #detalle a.volver_atras:hover { font:bold 10px Arial, Helvetica, sans-serif;color:#999;text-decoration:none; line-height:15px; margin-top:20px; }
#detalle h1.titulo, #detalle h2.titulo, h1.titproylistar, h2.titproylistar { font:bold 24px Arial, Helvetica, sans-serif; margin:5px 0; color:#f90500;	text-decoration:none; border-bottom:0px solid #f0f0f0; margin-bottom:20px; font-family: Arial, Helvetica, sans-serif;; font-size:32px; font-weight:normal; color:#4267a4;}
	h1.titproylistar, h2.titproylistar {color:#4267a4;}
h1 b {font-weight:normal !important}
#detalle h1.copete {	font-size: 10px; color:#99b732;}
#detalle .epigrafe { font-size: 10px; padding-left:2px;	margin-top:-1px;	margin-bottom:15px;}
#detalle p.des_doc{padding:10px 0;margin-bottom:0px;font:bold 12px Arial, Helvetica, sans-serif;color:#333;line-height:17px;}
#detalle .subtitu { font:bold 11px Arial, Helvetica, sans-serif;	color:#f90500; }
#detalle p.gtia {font-size:11px; margin-top:15px; color:#999}

#detalle h4 {font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:10px;}
#detalle table.pipe td{padding:5px;}
#detalle .vernota { margin-top:20px;	display:block;width:170px;	padding:3px 3px 3px 25px;border:1px solid #ccc;	background:url(../imagenes/vernota.gif) no-repeat 2% #fdfdfd;}
#detalle .linkdoc { margin-top:20px;	display:block;width:170px;	padding:3px 3px 3px 25px;border:1px solid #ccc;	background:url(../imagenes/link_asociado.gif) no-repeat 2% #fdfdfd;}
#detalle .fecha {	display:none; }
#detalle ul li, #listar ul li, #home ul li { list-style-type:disc; }
#detalle ol li, #listar ol li, #home ol li {list-style-type:decimal;}
#detalle ul, #listar ul, #home ul, #detalle ol, #listar ol, #home ol { margin-left:20px; color:#333; }
#detalle ul, #listar ul, #home ul, #detalle ol, #listar ol, #home ol { margin-left:30px;  color:#333;}
#detalle p {
	color:#333;
	font:normal 13px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
#detalle  h3 {color:#222;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:10px 0;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;; font-size:24px; font-weight:normal; color:#069; border-top:1px solid #ddd; padding:5px;}
#detalle { padding-bottom:35px;}
#detalle ul.sinvine { list-style:none; margin:0; padding:0}
#detalle ul.sinvine li { list-style:none; margin:0; padding:5px; border-bottom:1px dotted #ccc;}

#detalle ul {margin:15px 0; margin-left:20px; font:normal 12px Arial, Helvetica, sans-serif; color:#333;}

/****************************** COMENTARIOS *************************************/
#caja_comentarios { 	border-top:0px solid #ccc;margin-top:10px;}
p.tit_comentario { font:bold 12px Arial, Helvetica, sans-serif; !important }
p span.aviso_legal_coment {
	font-weight:normal
}
.comment_indiv { 	border:1px solid #ccc; 	padding:5px; 	margin:5px 0;	font:normal 11px Arial, Helvetica, sans-serif;	color:#666 }
.comment_indiv_h { border:1px solid #333; padding:5px; margin:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#666; background:#fafafa }
.comment_cab { background:#eee; padding:3px; }
a.comment_pag,a.comment_pag:hover  { font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#666 }
a.comment_pag:hover { color:#ccc; text-decoration:underline }
.pag_actual { font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#069 }
.comment_cant { font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0 }
#mensaje { font:bold 11px Arial, Helvetica, sans-serif; margin:0; padding:10px; color:#f00; }
.btn_grabacom { border:1px solid #ccc; background:#f0f0f0 }
/****************************** ENCUESTAS *************************************/
#listado_encuestas { list-style-type:none; font:normal 11px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#listado_encuestas ul { 	margin:0; padding:0; }
#listado_encuestas li { border-bottom:1px dotted #ccc; }
#listado_encuestas li a {color:#069}
#listado_encuestas li a:hover {color:#999}
#encuesta_resul, #tabla_encuesta_resul { width:100%; border:0px solid #069 }
.titproyencuesta { font:bold 16px Arial, Helvetica, sans-serif;	display:block;	color:#069;	text-decoration:none;	border-bottom:1px solid #f0f0f0;	margin-bottom:15px;}
.encuesta_ico { background:url(../imagenes/encuesta_icon.gif) no-repeat; padding-left:80px; height:55px; }
.pregunta_res { font:bold 12px Arial, Helvetica, sans-serif; }
.vigencia_res { font:normal 11px Arial, Helvetica, sans-serif; }
.fila_res { border:1px solid #ccc }
.leyenda_res, .numero_res { font:bold 12px Arial, Helvetica, sans-serif; }
.desc_res { font:normal 12px Arial, Helvetica, sans-serif; margin:10px 0; padding-right:10px;}
#encuesta2 ul { margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; }
#encuesta2 ul li {	list-style-type: none;	margin:0; padding:0 }
#encuesta2 { width:90%; border:1px solid #ccc; background:#fafafa; padding:10px; margin:0px; }
#encuesta2 .pregunta {	font:normal 12px Arial, Helvetica, sans-serif; padding:0; margin:0}
/****************************** REGISTRO *************************************/
#registro input { border:1px solid #999;font:normal 10px verdana; }
#registro .inputfocus { border:1px solid #666; font:normal 10px verdana; background:#f6f6f6; width:170px; }
.izquierda {float:left;width:180px; }
#registro div { height:auto; }

.req {padding:5px; background:url(../imagenes/requerido.gif) no-repeat center; }
.titproyreg{ font:bold 16px Arial, Helvetica, sans-serif; margin:5px 0; color:#f90500;	text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:20px;  }
#registro hr{ height:1px; color:#ccc }
#registro .boxentra-cont { width:170px; border:1px solid #999;}
#registro div.contusuario {height:120px}
#registro div.contnombres {height:120px}
#registro div.contdatos {height:150px}
/****************************** CONTACTO *************************************/
#contacto {
	font:normal 13px Open Sans
}
#contacto input { border:1px solid #999;font:normal 10px verdana;}
#contacto .inputfocus {border:1px solid #666;font:normal 10px verdana;background:#f6f6f6;}
#contacto div {height:35px;}
#contacto .alta{ height:120px; }
#contacto hr{ height:1px; color:#ccc }
.req{	padding:5px;background:url(../imagenes/requerido.gif) no-repeat center;}
#contacto input, #contacto select, #contacto textarea {
	border-radius:3px; -webkit-border-radius:3px; padding:5px; border:1px solid #ccc;
}
/****************************** LOGIN *************************************/
#loginpag input {border:1px solid #999;font:normal 10px verdana;}
#loginpag a, #loginpag a:hover{ font:bold 11px verdana; color:#377081; text-decoration:none;}
#loginpag .inputfocus { border:1px solid #666; font:normal 10px verdana; background:#f6f6f6; }
.titproylogin{ font:bold 16px Arial, Helvetica, sans-serif; display:block; color:#069; text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:15px; }
/****************************** PAGINA BUSQUEDA *************************************/
#pagbusqueda div {border-bottom:1px dashed #ccc;padding: 5px;}
#pagbusqueda a, #pagbusqueda a:hover {font:bold 11px verdana;text-decoration:none;color:#f90500;display:block; padding:5px;}
.titbusqueda{ font:bold 16px Arial, Helvetica, sans-serif; margin:5px 0; color:#f90500;	text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:20px;  }
/****************************** HOME USUARIO *************************************/
#homeusu div {height:35px;}
#homeusu a {font:bold 11px verdana;text-decoration:none;color:#069;}
#homeusu a:hover {font:bold 11px verdana;text-decoration:none;color:#ccc;}
.tithomeusu{ font:bold 16px Arial, Helvetica, sans-serif; display:block; color:#069; text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:15px; }
#homeusu hr{height:1px;color:#ccc}
/****************************** PAGINADO *************************************/
p.paginado {font:bold 11px verdana;color:#333;text-align:right;padding-right:35px;}
.paginado a {color:#377081;text-decoration:none;}
/****************************** MENSAJES *************************************/
.msj_error { font:500 11px verdana;	border:1px solid #999;	color:#f00;	background:url(../imagenes/ico_alerta.gif) no-repeat #fefff0; margin:10px 0; padding:5px; padding-left:40px }
.msj_bien{ font:500 11px verdana; border:1px solid #999; color:#5fa32d; background:url(../imagenes/ico_bien.gif) no-repeat 2% #fefff0 ; margin:10px 0; padding:10px; padding-left:40px }
/****************************** BOTONES *************************************/
.bto_up {	background: none; border:0px solid #ccc; }
.bto_down{ background:#f6f6f6; border:0px solid #ccc; }
/****************************** EMPRO *************************************/
#pie_empro { font:normal 11px verdana; color:#377081; display:inline; }
#pie_seo { font:normal 9px verdana; color:#666; display:inline; }
a.volver_atras { font:bold 10px Arial, Helvetica, sans-serif; }
/****************************** EMPRO *************************************/
#header	{ background:transparent;padding:0px; margin:0px; width:1160px; margin:0 auto; position:relative;}
#banner-superior { border:0px solid #f00; margin:0px; padding:0px;  background:transparent;}		
#bann-header { margin:0px; padding:0px;}
#header1 { float:left;margin:0;padding:0;margin:15px 0px; margin-top:10px; }
#header2 { padding-top:0px;text-align:right; padding-right:10px; margin-top:0px; padding-top:10px }
#bann_home1, #bann_home2, #bann_home3, #bann_listar1, #bann_listar2 { text-align:center; }
#bann_home1 {margin-bottom:20px; margin-top:0px;}
#bann_home1 span.medio{margin:0 20px;}
#spot_top_der{ text-align:center; }
#spot_bot_der { text-align:center; }
#spot_top_izq{ margin:10px 0px;text-align:center;}
#ban_top_izq, #ban_bot_izq, #ban_top_der, #ban_bot_der {text-align:center; margin:10px 0px;}
/************************************* CAJA MENU **************************************/
#menu-lateral 		{border:0px  dashed #CCCCCC;font:normal 11px Arial, Helvetica, sans-serif;line-height: 14px;padding:0px; }
#menu-lateral h5 	{ padding:2px 10px }
#menu-lateral H3 a{	color: #CC0000;}
/* menu top */
#menusup {height:40px; border:0px solid #f00; position:absolute; top:85px}
#nav, #nav ul{z-index: 500;clear:both; margin:0; padding:0; list-style-type:none; list-style-position:outside; height:40px; width:1160px; background:#00378a; border-bottom:5px solid #001d7e; 	-webkit-border-radius: 5px 5px 0 0; }
#nav a { font:normal 13px Arial, Helvetica, sans-serif; display:block; padding:12px 22px; text-decoration:none; color:#fff; border:none;}
#nav a:hover{background:none;color:#fff;font:normal 13px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 5px #FFFFFF;}
ul#nav li + li {
	 border-left:1px solid #ddd;
}
ul#nav ul li {
	 border-left:0px solid #ddd !important;
}
#nav li{float:left;position:relative;}
#nav ul { position:absolute; display:none; width:110px; top:39px; }
#nav li ul a { width:150px; float:left; border-bottom:1px solid #999; background:#888; padding:5px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif;}
#nav li ul a:hover {padding:5px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; width:150px; background:#555;}
#nav ul ul{ top:0; }	
#nav li ul ul { left:157px; margin:0px 0 0 10px; width:110px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }
#nav a.menuactivo {background:#bbb}
#nav a.padreactivo {background:#069}
	
/* menu lateral */
#menu-lateral{ padding:0px; padding-top:40px;}
#menulat { 	padding-top:20px; width:100%;}
#nav2, #nav2 ul{left:200px; width:100%;display:block;margin:0px;padding:0px;list-style-type:none;}
#nav2 ul {position:absolute;left:219px;display:none;top:0em;}
#nav2 a{	font:normal 12px Arial, Helvetica, sans-serif;  text-decoration:none;color:#555; background:none; margin:0px;display:block;	padding:5px;border-bottom:0px dotted #ccc; text-transform:uppercase;  border-bottom:1px solid #ddd;}
#nav2 a:hover{background:none; color:#888;}
#nav2 li{position:relative; width:100%; margin-bottom:10px}
#nav2 li li {margin-bottom:0px;}
#nav2 li ul a{width:208px;height:auto; font-size:11px; background:#666; border-bottom:1px dotted #fff; padding:5px}
#nav2 li ul a:hover{background:#333;}
#nav2 li ul ul {margin:0px; }
#nav li { z-index:2 }
#nav2 li {z-index:1 }
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{display:none; cursor:pointer}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{display:block; cursor:pointer}
#nav2 a.menuactivo {background:#bbb}
#nav2 a.padreactivo {background:#004b68; color:#fff}

#fecha { display:none; 	width:900px; text-align:right; padding:2px 0; padding-right:5px; background: none; font:normal 10px Arial, Helvetica, sans-serif; }
/************************* CAJAS COLUMNAS LATERALES *****************************/
#left1, #left2, #right1, #right2 {margin:0 auto;font:normal 0px Arial, Helvetica, sans-serif;color:#333; border:0px solid #f90}
/************************* CAJAS LEFT *****************************/
#left1 .cajal, #left2 .cajal {background:url(../imagenes/separador.gif) bottom right no-repeat #fff;border-bottom:1px dashed #999;margin-top:0px}
#left1 .copete, #left2 .copete{ font-size: 12px; color:#39aee9 }
#left1 a, #left2 a { font:bold 12px Arial, Helvetica, sans-serif;color:#f90500;text-decoration:none; line-height:15px; }
#left1 a:hover, #left2 a:hover { font:bold 12px Arial, Helvetica, sans-serif;color:#c46616; text-decoration:none;line-height:15px; }
#left1 h3, #left2 h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#f90500; line-height:15px}
#left1 a.le, #left2 a.le { font:normal 10px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; }
#left1 a.le:hover, #left2 a.le:hover{font:normal 10px Arial, Helvetica, sans-serif; color:#377081;text-decoration:none;text-align:right;}
#left1 .epigrafe, #left2 .epigrafe { font-size: 10px;padding-left:2px;margin-top:-1px;background: none; border-bottom:1px solid #ccc;margin-bottom:5px;}
#left1 p, #left2 p { margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#666; line-height:15px }
#left1 .vernota, #left2 .vernota { text-align:right; background: none; padding-right:3px; margin-top:5px;}
#left1 .imagen, #left2 .imagen{text-align:left; padding:2px;background-color:#fff; border:1px solid #ccc; margin:10px 0 }

#left1 .tit_proy { background:#f90500}

/************************* CAJAS RIGHT *****************************/
#right1 .copete, #right2 .copete{ font-size: 10px; color:#333 }
#right1 a { font:bold 11px Arial, Helvetica, sans-serif;color:#0490f1;text-decoration:none; }
#right1 a:hover { font:bold 11px Arial, Helvetica, sans-serif;color:#0490f1; text-decoration:none; }
#right1 h3 { font:bold 11px Arial, Helvetica, sans-serif; color:#0490f1; line-height:15px; margin:7px 0 10px 0;}
#right1 a.le, #right2 a.le { font:normal 10px verdana; color:#377081; text-decoration:none; }
#right1 a.le:hover, #right2 a.le:hover{font:normal 10px verdana; color:#000; text-decoration:none;}
#right1 .epigrafe, #right2 .epigrafe { font-size: 10px;padding-left:2px;margin-top:-1px;background: none; border-bottom:1px solid #ccc;margin-bottom:5px;}
#right1 p, #right2 p { margin:7px 0px; font:normal 10px Arial, Helvetica, sans-serif; padding-bottom:5px;color:#292929 }
#right1 .vernota, #right2 .vernota { text-align:right;  padding-right:3px;  }
#right1 .imagen, #right2 .imagen{text-align:left; padding:2px;background-color:#fff; border:1px solid #ccc }
#right2 a { font:bold 11px Arial, Helvetica, sans-serif;color:#b0781c;text-decoration:none; }
#right2 a:hover { font:bold 11px Arial, Helvetica, sans-serif;color:#b0781c; text-decoration:none; }
#right2 h3 { font:bold 11px Arial, Helvetica, sans-serif; color:#b0781c; line-height:15px; margin:7px 0 10px 0;}
/****************** FORMULARIO JQUERY VALIDACION ********************/
form.cmxform label.error, label.error {color: #f00;font: normal 10px Arial, Helvetica, sans-serif;display:block;}
form.cmxform input {border: 1px solid #000; }
form.cmxform label.error {margin-left: 10px;}
select {border:1px solid #999;font:normal 10px verdana;}
.br {clear:both}
/************************ GALERIA DE IMAGENES *****************************/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;	left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;	top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;	line-height: 0;}
#lightbox-nav {position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;	height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; 	text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
#gallery {background: none url(../imagenes/tit-galfoto.png) no-repeat;border:0px solid #ddd; padding:10px;}
#gallery h4{font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:10px; background:url(../imagenes/detalle-galeria.png) no-repeat left top; padding-top:10px; padding-left:60px;}
#gallery ul { list-style: none; margin:0px !important }
#gallery ul li { display: inline; height:120px; overflow:hidden; border:1px solid #f00 }
#gallery ul img {border: 0px; height:120px; overflow:hidden;}
#gallery ul a:hover img {border:none}#gallery ul a:hover { color: #fff; }
/******************* REDES SOCIALES *********************/
#redes {
}
#redes #redes_compartir {display:block; margin-top:5px; padding-top:5px; border-top:1px solid #ddd;}
#redes #redes_megusta {height:30px;}
#redessh {margin:10px 0; border:0px solid #f00; height:40px;}
#listar #redessh span.stButton {margin:0px !important;}




#contentcolumn.col-portfolio {width:1100px;}
#columna-grande.col-portfolio {border:0px solid #f00; width:770px}
#listar .cajaport {width:210px; float:left; margin-right:10px; padding:0px; padding-left:10px; background: url(../imagenes/webdizajn-bg.jpg) no-repeat center top; padding-top:17px; height:200px;} 
#listar .cajaport h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#666; border:none; padding:0px;}
#listar .cajaport a.titnotlink {color:#fff !important;}
#listar .cajaport .tituloportfolio {font:bold 11px Arial, Helvetica, sans-serif; position:absolute; margin-left:0px; width:200px; border-top:1px solid #fff; margin-top:0px; background:#666; color:#fff; padding:3px 0; text-align:center;}
#listar .cajaport .tituloportfolio a {color:#fff; text-decoration:none;}
#listar .cajaport .tituloportfolio a:hover {color:#ddd}

/********** COLOR BOX LIGHTBOX *************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../imagenes/overlay.png) repeat 0 0;}
#cboxTopLeft{width:21px; height:21px; background:url(../imagenes/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../imagenes/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../imagenes/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../imagenes/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../imagenes/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../imagenes/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../imagenes/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../imagenes/border.png) 0 -29px repeat-x;}
#cboxContent{background: none; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../imagenes/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../imagenes/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../imagenes/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../imagenes/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../imagenes/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}



/********** SCROLL IZQUIERDO Y DERECHO *************/
.scroll_izq{width:180px}
.scroll_der{width:180px}
.scroll_izq ul{text-align:center;padding:0;list-style:none;margin:0 auto}
.scroll_der ul{text-align:center;padding:0;list-style:none;margin:0 auto}
.scroll_izq li,.scroll_der li{margin:0 5px;text-align:center;padding:0;margin-bottom:0px}

/********** SCROLL SUPERIOR E INFERIOR **************/
.scroll_sup,.scroll_inf{background: #fff;width:1160px;border:0px solid #f00;margin:0 auto;padding:0px}.scroll_sup ul,.scroll_inf ul{text-align:center;padding:0;list-style:none;margin:0 auto}.scroll_sup li,.scroll_inf li{margin:0 5px;text-align:center;padding:0;display:block;margin-bottom:0px;float:left}.clearfix{float:none;clear:both}

div.scroll_inf .caroufredsel_wrapper {width:1160px !important; border:px solid #f00 !important;}

/********** SLIDERR **************/


/* MODAL */
/* base semi-transparente */
.overlay{
    position: fixed;background: #333;
    top: 0;left: 0;width: 100%;height: 100%;
    z-index:100;opacity:.75;-moz-opacity: 0.75;filter: alpha(opacity=60);
}
/* estilo para lo q este dentro de la ventana modal */
.modal {
	position:fixed;
	width:100%; text-align:center;margin-top:100px;
	font:bold 11px Arial, Helvetica, sans-serif;color: #333;z-index:110;overflow: auto;
   border:0px solid #999;
 }
.modal embed {
	background: none;padding:4px;
	-moz-box-shadow:    3px 3px 3px 3px #333;
  	-webkit-box-shadow: 3px 3px 3px 3px #333;
  	box-shadow:         1px 1px 3px 3px #333;
}
.modal img {
	border:4px solid #fff; 
	-moz-box-shadow:    3px 3px 3px 3px #333;
  	-webkit-box-shadow: 3px 3px 3px 3px #333;
  	box-shadow:         1px 1px 3px 3px #333;
}
#modalBack {
	 position:fixed;width:100%;height:100%;left:0;top: 0;
	 background-color:#CCC;filter:alpha(opacity=60);opacity: 0.6;z-index:130;
}
.modalcerrar a {
	color:#fff; font-weight:bold; text-decoration:none
}
/************************* RECOMENDAR *************************/
body#recom div#main {width:335px; border:0px solid #f00; padding:10px;font:normal 12px Arial, Helvetica, sans-serif;}
body#recom h1 {font: bold 18px Arial, Helvetica, sans-serif; padding-bottom:8px;color:#02437b; border-bottom:1px solid #ccc; margin-bottom:15px;}
body#recom input,body#recom textarea {font:normal 11px Arial, Helvetica, sans-serif; width:95%; padding:5px; border:1px solid #ccc;margin-bottom:10px;}
body#recom input[type=submit] {background:#ffb74c; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; border:none; cursor:pointer}
/************************* CONSULTA MULTIPLE *******************/
td#nombres span {font:normal 11px Arial, Helvetica, sans-serif; padding:0 10px; display:block;float:left}
td#nombres span img {
	position:relative; top:4px;margin-right:3px;
}



body#home2 div#proyshome .cajam, body#productos.listarprod .cajam{
	width:237px; float:left; padding:5px;
}
body#home2 div#proyshome .cajam p, body#productos.listarprod .cajam p {
	text-indent:0; text-align:center;
}
body#home2 div#proyshome .cajam p + p {
	padding:5px;
}
body#home2 div#proyshome .cajam p a {
	font:normal 14px Arial, Helvetica, sans-serif;  padding-left:0; text-decoration:none;
	text-indent:0; text-align:center;
}
body#home2 div#proyshome .cajam img {
	border:none; padding:0
}
body#home2 #caja_inf {
	border:0px solid #f00; overflow:hidden;
	margin-bottom:15px;
}

body#home2 #inf_right {
	float:right;
	width:350px;
}

body#home2 #inf_left {
	float:left; border:0px solid #f00;
	width:680px; overflow:hidden;
	padding:22px; background:#f0f0f0; border-radius:5px; -webkit-border-radius: 5px;
	
}
body#home2 #inf_left .formhome input[type=text], body#home2 #inf_left .formhome textarea {
	border-radius: 3px;-moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;padding:5px; text-decoration:none;
   border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;-moz-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;
   float:left;
   margin-right:12px;
   margin-bottom:10px;
   width:200px;
}
body#home2 #inf_left .formhome  textarea {
width:640px;
height:80px
}
body#home2 #inf_left .formhome input[type=submit] {
	background:#666; color:#fff; border-radius:5px; -webkit-border-radius:5px;
	padding:5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;cursor:pointer
}


div#bann_home2 {
	margin-bottom:10px;
}

#form_detalle {-webkit-border-radius:0px;
border-radius: 0px;background:none;border:0px solid #ccc; padding:0px; padding-top:0px; border-right:none; border-left:none;}
#form_detalle h6 {font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; background:url(../imagenes/detalle-maila.png) no-repeat left top; padding-top:10px; padding-left:0px; color:#333; }
#form_detalle .der {width:200px;float:left	}
#form_detalle .izq {width:215px;float:left	}
#form_detalle input[type=text], #form_detalle textarea {
	border-radius: 3px;-moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;padding:5px; text-decoration:none;
   border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;-moz-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;
}
#form_detalle  textarea {
width:680px;
height:80px
}
#form_detalle input[type=submit] {
	background:#666; color:#fff; border-radius:5px; -webkit-border-radius:5px;
	padding:5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;cursor:pointer
}
div#proyshome .cajamh {
	width:315px; float:left; padding:0px; 
	margin:0px;
	margin-bottom:25px;
	position:relative;
	padding-top:30px;
}
#listar .cajam.servicios {
	width:300px; float:left; padding:6px; border-bottom:1px solid #ddd;
	margin:5px;
}
div#proyshome .cajamh p {
	text-indent:0; text-align:center;
}
div#proyshome .cajamh p + p {
	padding:5px;
}
div#proyshome .cajamh h3 a, div#proyshome .cajamh h3 {
	text-decoration:none; color:#222 !important; margin:0px;
	background:none; padding:0px; text-align:left; text-transform:none;
	font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
}
div#proyshome .cajamh h3 {
-webkit-border-radius: 5px 5px 0 0;
background:#b0b5a6;
position:absolute;
top:-1px; border-bottom:1px solid #fff; left:10px;
padding:7px 15px;border-radius: 5px 5px 0 0;
}


div#proyshome .cajamh span.copete {color:#111; text-align:right; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:absolute; bottom:20px; right:10px; padding:5px; padding-right:15px; background:rgba(255,255,255,0.7)}
div#detalle h1.copete {color:#111; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
div#proyshome .cajamh.lepongomargin {margin:0 21px !important;}
div#proyshome .cajamh.lepongomarginb {margin-left:16px !important;}
div#proyshome .cajamh p a {
	font:normal 14px Arial, Helvetica, sans-serif;  padding-left:0; text-decoration:none;
	text-indent:0; text-align:center;
}
div#proyshome .cajamh img {
	border:none; padding:0;
	border:1px solid #ddd;
	padding:3px;
	-webkit-border-radius: 10px;
border-radius: 10px;-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}


body#productos .imagen_detalle {display:none !important;}
body#productos img {border:none !important; padding:0px !important;}
#bann_home_sup img {border:none; padding:0px; margin-bottom:10px}
.cajam {background:none !important;}

#slidern1 {margin-top:37px !important; margin-bottom:0px !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
#slides_abajomenu .next{left:1100px !important;"}

/********** SCROLL SUPERIOR E INFERIOR **************/

#clientes #detalle #detalle_contenido img {border:none !important; margin:15px}
#clientes .scroll_inf {display:none !important;}
#especiales img.imagen_detalle {display:none;}