@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
/*
font-family: 'Josefin Sans', sans-serif;
*/
/************************************* COLUMNAS**************************************/
body { margin:0; padding:0; font-family: arial; color:#fff; background:#222; }
/*estructura*/
#maincontainer			{ width: 990px; border:0px solid #090; background:#222; margin:0 auto;  border:0px solid #f00; padding:10px 0 0 0 }
#contentcolumn 		{ width: 990px; border:0px solid #069; float: left;   padding:0; margin:0; }
#columna-izquierda	{ width: 200px; border:0px solid #f00; background: #222; margin:0; padding:0px; padding-right:19px; border-right:1px solid #666;   }
#columna-grande		{ width: 750px; border:0px solid #fc0; background: #222; margin:0;  float: right;  padding-left:20px;}
#columna-derecha		{ width: 189px; border:0px solid #069; background:#f0f0f0; float: left;  border-left:1px solid #ddd;   padding:10px 5px; }
/****************************** PIE Y TOP *************************************/
#pie { font:normal 14px 'Josefin Sans', sans-serif; width:100%; margin:auto; border-top:0px solid #999; background:#666; text-align:left; padding:15px 0px; padding-top:5px;
	padding-bottom:15px;
	background:#222;
	-webkit-box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
	 padding-top:40px;
	color:#fff;
}
#pie a, #pie a:hover{ text-decoration:none; color:#fff !important; font:normal 14px 'Josefin Sans', sans-serif !important; }
#pie a:hover {color:#ddd}
#pie_clie, #datospie {width:690px; margin:0 auto; border:0px solid #f00;  padding-left:300px;}
 #datospie {background:url(../imagenes/fdo-pie.png) no-repeat left; padding-top:20px; padding-bottom:20px;}
#pie_clie {position:relative; }
#pie_clie img.logospie {
	position:absolute; right:10px; top:30px;
}
#pie p.pie {text-align:center; width:990px; margin:0 auto; padding:15px 0; border-top:1px solid #9d2626; margin-top:35px;}
h2#pie_seo {
	text-align:center; width:990px; margin:0 auto; display:block
}
#pie .iso {position:absolute; left:0px; padding-left:260px; border:0px solid #000; border-right:1px solid #9d2626; padding-right:15px}
#pie .iso img {position:absolute; left:0px;}
#pie .iso img.iso2 {left:95px;}
#pie .iso img.iso3 {left:175px;}
#top{ position:relative;width:990px; margin:0 auto 0 auto; 	bordeR:0px solid #fc0; 	background:transparent; padding-top:15px; margin-bottom:2px }

#top {
	width:100%; background:#222;	-webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,1);
	-moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,1);
	box-shadow: 0 20px 25px -30px rgba(0,0,0,1); z-index: 8888;
}
#top div.form_buscar input.boxbuscar {
	border:0px solid #dedede; padding:8px; background:transparent; position:relative; top:2px; width:265px;
}
#top div.form_buscar input[type=image] {position:relative; top:-5px;left:5px;}
#top div.form_buscar {
	border:0px solid #f00; position:absolute; right:0px; top:95px; width:331px; height:38px;
	background:url(../imagenes/fondobuscar.png) no-repeat
}

/************************************* HOME **************************************/
#home, #home2 {line-height:17px; }
h1.frasehome { font:bold 12px arial; color:#444; }
#home .copete, #home2 .copete { font-size: 10px; color:#fff; }
#home a, #home2 a,#home a:hover,#home2 a:hover  { font:bold 10px arial;color:#fff;text-decoration:none; line-height:15px }
#home h3,#home2 h3  { font:bold 14px arial; color:#fff; line-height:20px;margin-bottom:15px;}
#home h3 a,#home h3 a:hover,#home2 h3 a,#home2 h3 a:hover  { font:bold 14px arial; 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;color:#fff;display:block;	margin:0px; padding:0px;border:1px solid #e1e1e1;	padding:3px;}
#home p, #home2 p { margin:0px; font:normal 14px calibri; color:#fff;line-height:17px; }
#home .des_doc, #home2 .des_doc{	border-left:2px solid #999;padding-left:15px;	margin-bottom:15px;	color:#fff }
#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;color:#8ba826}

/************************************* LISTAR **************************************/
#listar .cajam{margin:5px 0px;border-bottom:1px dotted #444;}
#listar a.le {color:#0490f1;}
#listar H2{font:bold 16px arial; margin:5px 0;color:#c33;text-decoration:none; font:normal 18px calibri;}
#listar H2 a, #listar H2 a:hover {font:bold 16px arial;color:#c33;text-decoration:none; font:normal 18px calibri;}
#listar H2.titnolink {margin:5px 0;font:bold 50px verdana; font:normal 18px calibri;}
#listar p {margin:0px; color:#fff; line-height:17px; font:normal 14px calibri; margin-bottom:15px;}
#listar .vernota, #detalle .verdoc {display:block; width:auto; margin-left:0px; padding:0; background:none; margin:0px; margin-top:-5px; float:left; color:#fff; }
#listar .vernota a.le, #detalle .verdoc a{color:#fff; font-size:14px; background:#444; padding:5px; -webkit-border-radius: 3px;
border-radius: 3px;	}
#detalle p.verdoc {margin:20px 0;}
#detalle .verdoc a { background:#f90;}
#detalle .verdoc {margin-bottom:20px;}
h1.copetelistar {display:block;padding:5px;margin:10px 10px 0px 0px;font:normal 10px verdana;color:#fff;}
h1.titproylistar, h2.titproylistar{font:bold 16px arial;margin:5px 0;color:#8ba826;text-decoration:none;}
#listar #megusta {display:block; margin-bottom:3px; border-bottom:2px dotted #666; padding:5px 0; }
#listar #imagen_listar {float:left; margin-right:20px; overflow:hidden; height:200px;}
#listar div.cajam.equipos #imagen_listar {margin:0px; float:none; text-align:center;}
/************************************* DETALLE **************************************/
#detalle h2 /* COPETE */{ font-size: 12px; color:#377081; padding:0px; margin:0px;}
#detalle a, #detalle a:hover  { font:normal 14px calibri; color:#fff;color:#377080;text-decoration:none; line-height:15px }
#detalle a.volver_atras, #detalle a.volver_atras:hover { font:bold 10px arial;color:#999;text-decoration:none; line-height:15px; margin-top:20px; }
#detalle h1.titulo, #detalle h2.titulo, h1.titproylistar, #detalle h2, #detalle h3   { font:bold 24px 'Josefin Sans', sans-serif; margin:5px 0; color:#fff;	text-decoration:none; border-bottom:1px solid #333; margin-bottom:20px; }
#detalle h2 {font-size:18px; margin-bottom:10px; color:#fff;} 
#detalle h3 {font-size:16px; margin-bottom:15px; color:#c33;} 
#detalle h1.copete {	font-size: 12px; color:#99b732;}
#detalle .epigrafe { font-size: 11px; padding-left:2px;	margin-top:-1px;	margin-bottom:15px;}
#detalle p.des_doc{padding:10px 0;margin-bottom:0px;font:normal 14px calibri; color:#fff; color:#3b90bb;line-height:17px;}
#detalle .subtitu { font:bold 11px arial;	color:#fff; }
#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 ol li, #listar ol li, #home ol li {list-style-type:decimal; font:normal 14px calibri; color:#fff;}
#detalle ul, #listar ul, #home ul, #detalle ol, #listar ol, #home ol { margin-left:30px; font:normal 14px calibri; color:#fff;}
#detalle p {
	font:normal 14px calibri; color:#fff;
	margin-bottom:15px;
}
#detalle { padding-bottom:35px; font:normal 14px calibri; color:#fff;}

#detalle ul {margin-top:0px; margin-bottom:15px;}
#detalle .imagen_detalle {margin-bottom:15px;}
/****************************** COMENTARIOS *************************************/
#caja_comentarios { 	border-top:0px solid #ccc;margin-top:10px;}
p.tit_comentario { font:bold 12px arial !important }
p span.aviso_legal_coment {
	font-weight:normal
}
.comment_indiv { 	border:1px solid #ccc; 	padding:5px; 	margin:5px 0;	font:normal 14px calibri;	color:#fff }
.comment_indiv_h { border:1px solid #333; padding:5px; margin:5px 0; font:normal 14px calibri; color:#fff; background:#fafafa }
.comment_cab { background:#eee; padding:3px; }
a.comment_pag,a.comment_pag:hover  { font:bold 11px arial; text-decoration:none; color:#fff }
a.comment_pag:hover { color:#ccc; text-decoration:underline }
.pag_actual { font:bold 11px arial; text-decoration:none; color:#c33 }
.comment_cant { font:normal 12px arial; margin:0; padding:0 }
#mensaje { font:bold 11px arial; margin:0; padding:10px; color:#f00; }
.btn_grabacom { border:1px solid #ccc; background:#f0f0f0 }
/****************************** ENCUESTAS *************************************/
#listado_encuestas { list-style-type:none; font:normal 14px calibri; margin:0; padding:0;}
#listado_encuestas ul { 	margin:0; padding:0; }
#listado_encuestas li { border-bottom:1px dotted #ccc; }
#listado_encuestas li a {color:#c33}
#listado_encuestas li a:hover {color:#999}
#encuesta_resul, #tabla_encuesta_resul { width:100%; border:0px solid #069 }
.titproyencuesta { font:bold 16px arial;	display:block;	color:#c33;	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; }
.vigencia_res { font:normal 14px calibri; }
.fila_res { border:1px solid #ccc }
.leyenda_res, .numero_res { font:bold 12px arial; }
.desc_res { font:normal 12px arial; margin:10px 0; padding-right:10px;}
#encuesta2 ul { margin:0; padding:0; font:normal 12px arial }
#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; 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 'Josefin Sans', sans-serif; margin:5px 0; color:#fff;	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 14px calibri; color:#fff;
}
#contacto a {color:#fff;}
#contacto input { border:1px solid #444;font:normal 12px calibri; }
#contacto table td {padding:5px;}
#contacto .inputfocus {border:1px solid #666; font:normal 12px calibri;background:#f6f6f6;}
#contacto div {height:auto;}
#contacto .alta{ height:auto; }
#contacto hr{ height:1px; color:#444 }
.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 #444;
}
#contacto input.btnenviar {background:#cc3333; color:#fff; border:none; font-size:14px; cursor:pointer;}
/****************************** 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; display:block; color:#c33; 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:#fff;display:block; padding:5px;}
.titbusqueda{ font:bold 16px 'Josefin Sans', sans-serif; margin:5px 0; color:#fff;	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:#c33;}
#homeusu a:hover {font:bold 11px verdana;text-decoration:none;color:#ccc;}
.tithomeusu{ font:bold 16px arial; display:block; color:#c33; 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:#fff;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:#fff; 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:#fff; display:inline; }
a.volver_atras { font:bold 10px arial; }
/****************************** EMPRO *************************************/
#header	{ background:transparent;padding:0px; margin:0px auto; width:990px }
#banner-superior { border:0px solid #f00; margin:0px; padding:0px; background:transparent; padding-bottom:0px; }		
#bann-header { }
#header1 { float:left;margin:0;padding:0; }
#header2 { padding:0px;text-align:right;padding-top:40px; padding-right:30px }
#bann_home1, #bann_home2, #bann_home3, #bann_listar1, #bann_listar2 { text-align:center; }
#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 14px calibri;line-height: 14px;padding:0px; }
#menu-lateral h5 	{ padding:2px 10px }
#menu-lateral H3 a{	color: #CC0000;}
/* menu top */
#nav, #nav ul{z-index: 500;clear:both; margin:0px; padding:0; list-style-type:none; list-style-position:outside; height:25px; width:700px; background:transparent; border-bottom:0px solid #175471;  border:0px solid #f00; position:absolute; top:40px; right:50%; margin-right:-520px }
#nav a { font:normal 16px calibri; display:block; padding:4px 20px; text-decoration:none; color:#fff; border:none;}
#nav a:hover{background:none;color:#fff;font:normal 16px calibri; padding:4px 20px; text-shadow: 1px 1px 5px #FFFFFF;}
#nav li{float:left;position:relative; border-left:1px solid #444; border-right:1px solid #000}
#nav li:last-child {border-right:none;}
#nav li:first-child {border-left:none;}
#nav ul { position:absolute; display:none; width:110px; top:1.35em; _top:1.4em; }
#nav li ul a { width:135px; float:left; border-bottom:1px solid #999; background:transparent }
#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; margin-top:40px;}
#menulat { 	margin-top:0px; width:100%;}
#nav2, #nav2 ul{left:150px; width:100%;display:block;margin:0px;padding:0px;list-style-type:none;}
#nav2 ul {position:static;left:10px;display:block;top:0em;}
#nav2 a{	font:normal 13px Calibri, sans-serif; text-decoration:none;color:#fff; background:url(../imagenes/bullet-item.gif) no-repeat 2% #c33; margin:0px;display:block;	padding:5px 20px;border-bottom:1px dotted #ccc;}
#nav2 a:hover{background:url(../imagenes/bullet-item.gif) no-repeat 2% #c33; color:#fff;}
#nav2 li{position:relative; width:100%;}
#nav2 li ul a{width:172px;height:auto; background:none;color:#fff; border-bottom:1px dotted #333; padding:5px; padding-left:22px;}
#nav2 li ul a:hover{background:#f0f0f0; color:#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:#fff; color:#000; font-weight:bold}
#nav2 a.padreactivo {background:#c33; color:#fff}
#nav2 ul ul {display:none; left:198px; position:absolute; background:#444}


#fecha { display:none; 	width:900px; text-align:right; padding:2px 0; padding-right:5px; background:#fff; font:normal 10px arial; }
/************************* CAJAS COLUMNAS LATERALES *****************************/
#left1, #left2, #right1, #right2 {margin:0 auto;font:normal 0px arial;color:#fff; border:0px solid #f90}
/************************* CAJAS LEFT *****************************/
#left1 .cajal, #left2 .cajal {background:none ;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;color:#fff;text-decoration:none; line-height:15px; }
#left1 a:hover, #left2 a:hover { font:bold 12px arial;color:#c46616; text-decoration:none;line-height:15px; }
#left1 h3, #left2 h3 { font:bold 12px Arial; color:#fff; line-height:15px}
#left1 a.le, #left2 a.le { font:normal 10px arial; color:#fff; text-decoration:none; }
#left1 a.le:hover, #left2 a.le:hover{font:normal 10px arial; color:#377081;text-decoration:none;text-align:right;}
#left1 .epigrafe, #left2 .epigrafe { font-size: 10px;padding-left:2px;margin-top:-1px;background:#fff; border-bottom:1px solid #ccc;margin-bottom:5px;}
#left1 p, #left2 p { margin:0px; font:normal 12px calibri; color:#fff; line-height:15px }
#left1 .vernota, #left2 .vernota { text-align:right; background:#fff; padding-right:3px; margin-top:5px; background:none; color:#f90;}
#left1 .vernota a {color:#fc0 !important }
#left1 .imagen, #left2 .imagen{text-align:left; padding:2px;background-color:#fff; border:1px solid #ccc; margin:10px 0 }

#left1 .tit_proy { background:#222; border:none; color:#c46616; font: normal 24px 'Josefin Sans', sans-serif; border-bottom:1px solid #c46616; margin-bottom:10px;}

/************************* CAJAS RIGHT *****************************/
#right1 .copete, #right2 .copete{ font-size: 10px; color:#fff }
#right1 a { font:bold 11px arial;color:#0490f1;text-decoration:none; }
#right1 a:hover { font:bold 11px arial;color:#0490f1; text-decoration:none; }
#right1 h3 { font:bold 11px arial; 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:#fff; border-bottom:1px solid #ccc;margin-bottom:5px;}
#right1 p, #right2 p { margin:7px 0px; font:normal 10px arial; 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;color:#b0781c;text-decoration:none; }
#right2 a:hover { font:bold 11px arial;color:#b0781c; text-decoration:none; }
#right2 h3 { font:bold 11px arial; 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;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;border:0px solid #ddd; padding:0px;}
#gallery h4{font:bold 14px arial; margin-bottom:10px; background:#f0f0f0; padding-top:10px; padding-left:0px; display:none}
#gallery ul { list-style: none; margin:0px !important }
#gallery ul li { display: inline;}#gallery ul img {border: 0px}
#gallery ul a:hover img {border:none}#gallery ul a:hover { color: #fff; }
#detalle #gallery ul li, #detalle #gallery ul li img {border:none !important; background:#555 !important}
/******************* 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;}


#form_detalle {-webkit-border-radius: 10px;
border-radius: 10px;background:#333;border:1px solid #444; padding:10px; padding-top:0px; border-right:none; border-left:none; margin-top:20px;}
#form_detalle h6 {font:bold 24px 'Josefin Sans', sans-serif; margin-bottom:10px; background:url(../imagenes/detalle-maila.png) no-repeat left top; padding-top:10px; padding-left:0px; }
#form_detalle font {color:#fff !important}
#form_detalle .der {width:28%;float:right	}
#form_detalle .izq {width:28%;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 input[type=submit] {
	background:#666; color:#fff; border-radius:5px; -webkit-border-radius:5px;
	padding:5px; font:bold 12px calibri; text-transform:uppercase;cursor:pointer
}


#contentcolumn.col-portfolio {width:990px;}
#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; color:#fff; border:none; padding:0px;}
#listar .cajaport a.titnotlink {color:#fff !important;}
#listar .cajaport .tituloportfolio {font:bold 11px arial; 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:#fff; 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:970px;border:0px solid #f00;margin:0 auto;padding:0 10px}.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}

/********** 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;color: #333;z-index:110;overflow: auto;
   border:0px solid #999;
 }
.modal embed {
	background:#fff;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}
body#recom h1 {font: bold 18px arial; padding-bottom:8px;color:#02437b; border-bottom:1px solid #ccc; margin-bottom:15px;}
body#recom input,body#recom textarea {font:normal 14px calibri; width:95%; padding:5px; border:1px solid #ccc;margin-bottom:10px;}
body#recom input[type=submit] {background:#222; font:bold 13px arial; color:#fff; border:none; cursor:pointer}
/************************* CONSULTA MULTIPLE *******************/
td#nombres span {font:normal 14px calibri; padding:0 10px; display:block;float:left}
td#nombres span img {
	position:relative; top:4px;margin-right:3px;
}


body#home2 #contentcolumn 		{ width: 990px; border:0px solid #069; float: left;   padding:0; margin:0; }
body#home2 #columna-grande		{ width: 990px; border:0px solid #fc0; background: #222; margin:0;  float: right;  padding:0px;margin-right:0px}

body#home2 div#proyshome .cajam {
	width:300px; float:left; padding:6px; border-bottom:1px solid #ddd;
	margin:5px;
}
#listar .cajam.servicios {
	width:300px; float:left; padding:6px; border-bottom:1px solid #ddd;
	margin:5px;
}
body#home2 div#proyshome .cajam p {
	text-indent:0; text-align:center;
}
body#home2 div#proyshome .cajam p + p {
	padding:5px;
}
body#home2 div#proyshome #home2.cajam h3 a, body#home2 div#proyshome #home2.cajam h3 {
	font:bold 16px calibri;  padding-left:0; text-decoration:none; color:#fff !important;
	text-indent:0; text-align:center; margin:0px;
}
body#home2 div#proyshome .cajam p a {
	font:normal 14px calibri;  padding-left:0; text-decoration:none;
	text-indent:0; text-align:center;
}
body#home2 div#proyshome .cajam img {
	border:none; padding:0;
	-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
body#home2 #caja_inf {
	border:0px solid #f00; overflow:hidden;
	margin-bottom:15px;
}

body#home2 #inf_right {
	float:left;
	width:300px; padding:6px; border-bottom:1px solid #ddd;
	margin-left:10px;
}

body#home2 #inf_left {
	float:left; border:0px solid #f00;
	width:615px; overflow:hidden;
}
body#home2 #inf_left div.ima {
	margin-bottom:10px;
}
div#caja_inf div#inf_left {
	padding:12px; background:#f0f0f0; border-radius:5px; -webkit-border-radius: 5px;
}
div#caja_inf div#inf_left div.cajam {
	background:transparent !important
}
div#caja_inf div#inf_left div.cajam div.desc p {
	font:normal 14px  calibri !important; line-height:18px; background:transparent !important;
	margin-bottom:15px;
}
div#caja_inf div#inf_left div.cajam h2 {
	color:#fff; font:bold 22px calibri;
	margin-bottom:10px;
}

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

#busquedatop {position:absolute; top:25px; right:50%; margin-right:-450px;}
#busquedatop .boxtop{height:35px; background:#fff; border:1px solid #ddd; width:210px; padding:0px; padding-right:36px;}
#busquedatop .bto_top{height:19px; width:18px; background:url(../imagenes/button-search-over.png) no-repeat; border:none; position:absolute; right:7px; top:9px;}
#busquedatop .bto_top:hover{background:url(../imagenes/button-search-over.png) no-repeat}
#spot300 img, #spot301 img  {float:left;}
div#spot300 img {margin:5px !important;}

#spot300 {display:block; overflow:hidden;}
#spot301 {display:block; overflow:hidden; margin-top:15px;}
#spot301 img:nth-child(3){margin:0 16px;}
#spot301 img:nth-child(5){margin-right:18px;}
#spot300 br, #spot301 br {display:none}

#slides_detalle img {border:none !important}
#slides_detalle ul.pagination, #slides_detalle a.prev, #slides_detalle a.next {display:none !important}

.cajam {background:#222;}

body#implec div.itm, body#gde div.itm {width: 215px;
padding: 7px 7px 17px;
margin: 5px;
border: 1px solid #444;
float: left;
text-align: center;}
body#gde div.itm {width: 330px;}
body#implec div.itm img {width:200px; overflow:hidden; height:200px; }
body#gde div.itm img {width:270px; overflow:hidden; height:200px; }
body#implec div.itm h3, body#implec div.itm h3 a, body#gde div.itm h3, body#gde div.itm h3 a  {
color: #C33;
text-decoration: none;
font: 18px calibri; border:none; }
body#implec div#detalle, body#gde div#detalle{overflow:hidden;}

.form_home {margin:15px 0; border:1px solid #333; background:#555; padding:15px; float:left; width:500px	; -webkit-border-radius: 5px;
border-radius: 5px;}
.form_home.mapa_home {width:400px; float:right;}
.form_home input[type=text] {float:left; width:150px; margin-right:5px; padding:5px; font-size:11px; -webkit-border-radius: 3px;
border-radius: 3px; border:none; }
.form_home textarea {width:480px; padding:5px;  font-size:11px; -webkit-border-radius: 3px;
border-radius: 3px; border:none; margin:10px 0px;}