/************************************* RESET **************************************/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p, td { margin:0; padding:0; } fieldset,img {border:0;}ol,ul {list-style:none;} 
/************************************* COLUMNAS**************************************/
body { margin:0; padding:0; font-family: arial; color:#333; background:#ccc }
/*estructura*/
#maincontainer			{ width: 990px; border:0px solid #090; background:#fff; margin:0 auto;  border:0px solid #f00; padding:10px 0 0 0 }
#contentcolumn 		{ width: 780px; border:0px solid #069; float: left;   padding:0; margin:0; }
#columna-izquierda	{ width: 199px; border:0px solid #f00; background: #fff; margin:0; padding:0; border-right:1px solid #ddd;   }
#columna-grande		{ width: 550px; border:0px solid #fc0; background: #fff; margin:0;  float: right;  padding:0px;margin-right:10px}
#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 10px arial; width:990px; margin:auto; border-top:1px solid #999; background:#FFF; text-align:center; padding:15px 0px; }
#pie a, #pie a:hover{ text-decoration:none; color:#069; }
#top{ width:990px; margin:0 auto 0 auto; 	bordeR:0px solid #fc0; 	background:#fff; padding-top:8px; }
/************************************* CAJAS **************************************/
/*caja left y right----------------------------------------------------------------------------*/
.cajal, .cajar { border:0px  dashed #999; border-bottom:1px solid #666; font:normal 11px arial; line-height: 14px; background:#fafafa; padding:5px; }
.cajal .copete, .cajar .copete  	{ font-size: 10px; color:#069 }
.cajal H3, .cajar H3 { font:bold 12px arial; color:#99b732 }
.cajal H3 a , .cajar H3 a { font:bold 12px arial;text-decoration:none;color:#99b732 }
.cajal h3 a:hover, .cajar H3 a:hover { font:bold 12px arial;text-decoration:none;color:#99b732 }
.cajal .epigrafe, .cajar .epigrafe	{ font-size: 10px; text-align: left;font-style:italic;color:#000 }
.cajal a.le, .cajar a.le { font:normal 10px arial; color:#666; text-decoration:none; }
.cajal a.le:hover, .cajar a.le:hover { font:normal 10px arial; color:#069; text-decoration:none; }
/*cajamain------------------------------------------------------------------------------*/
.cajam { border:0px  dashed #CCCCCC; font:normal 11px arial; line-height: 14px; background:#fff; padding:0px; margin:5px 0}
.cajam .copete { font-size: 10px; color:#069 }
.cajam H2, .cajam H3 { font:bold 14px arial; color:#99b732 }
.cajam H2 a, .cajam H3 a { font:bold 15px arial;text-decoration:none;color:#99b732 }
.cajam h2 a:hover, .cajam H3 a:hover	{ font:bold 15px arial;text-decoration:none;color:#99b732 }
.cajam IMG { padding:2px; background-color:#fff; border:1px solid #ccc; }
.cajam .epigrafe	{ font-size: 10px; text-align: left;font-style:italic;color:#000 }
.cajam a.le			{ font:normal 10px arial; color:#666; text-decoration:none; }
.cajam a.le:hover	{ font:normal 10px arial; color:#069; text-decoration:none; }
.tit_proy { font:bold 11px arial; color:#fff; padding:5px 5px; border-left:3px solid #c6c6c6; background:#069 }
a.vertodos, a.vertodos:hover { display:block; font:normal 10px arial; text-decoration:none; padding:5px 20px 5px 0px;	background:url(../imagenes/lupa.gif) no-repeat right 50%; margin-bottom:10px;text-align:right;	border-bottom:2px solid #377081 }
/************************************* CAJA BUSQUEDA **************************************/
#busqueda { border:1px solid #ccc;font:normal 10px arial; color:#333; margin:5px 0; background:#f6f6f6;border-left:3px solid #ccc; width:95%; margin:0 auto;}
#busqueda div	{ background:#f6f6f6; padding:5px; }	
#busqueda .box	{ font:normal 10px arial; width:70%;}
#busqueda H5 { color:#333;margin:0;font:bold 11px arial; padding:2px;}
#busqueda .bto_up, #busqueda .bto_down {margin-bottom:2px;}
/************************************* CAJA NEWSLETTER ************************************/
#newsletter	{ border:1px solid #ccc; font:normal 10px arial;color:#333; margin:5px 0; background:#f6f6f6;border-left:3px solid #ccc; }
#newsletter div	{ background:#f6f6f6; padding:5px; }						
#newsletter .box	{ font:normal 10px arial; width:60%;}
#newsletter H5		{ color:#333; padding:2px; margin:0px;font:bold 11px arial;}
#newsletter .bto_up, #newsletter .bto_down {margin-bottom:10px;}
#newsletter a {color:#333; text-decoration:none}
#newsletter a:hover {color:#069; text-decoration:underline}
/************************************* CAJA LOGIN **************************************/
#login	{ border:1px solid #ccc; font:normal 10px arial;color:#333; margin:5px 0; background:#f6f6f6;border-left:3px solid #ccc; }
#login div	{ background:#f6f6f6; padding:5px; }
#login H5 { color:#333; padding:2px; margin:0px;font:bold 11px arial;}
#login .box { font:normal 10px arial; width:60px }
#login a, #login a:hover { font:normal 10px arial; color:#377081;text-decoration:none; }
#login .bto_up,#login .bto_down {margin-bottom:6px;}
/************************************* CAJA ENCUESTAS **************************************/
#encuesta	{ border:1px solid #ccc; font:normal 10px arial;color:#333; margin:5px 0; background:#f6f6f6;border-left:3px solid #ccc; }
#encuesta div	{ background:#f6f6f6; padding:5px; }	
#encuesta H5 { color:#333; padding:2px; margin:0px;font:bold 11px arial;}
#encuesta .box { font:normal 10px arial; width:60px }
#encuesta a, #login a:hover { font:normal 10px arial; color:#377081;text-decoration:none; }
#encuesta .bto_up,#login .bto_down {margin-bottom:6px;}
#encuesta .pregunta {font:bold 11px arial; padding:5px 0;}
#encuesta .botones {	padding:5px 0; }
/************************************* HOME **************************************/
#home, #home2 {line-height:17px; }
h1.frasehome { font:bold 12px arial; 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;color:#666;text-decoration:none; line-height:15px }
#home h3,#home2 h3  { font:bold 14px arial; color:#666; 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:#666; 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:#666;display:block;	margin:0px; padding:0px;border:1px solid #e1e1e1;	padding:3px;}
#home p, #home2 p { margin:0px; font:normal 11px arial; 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;color:#8ba826}
/************************************* LISTAR **************************************/
#listar .cajam{margin:5px 0px;border-bottom:1px dotted #ccc;}
#listar a.le {color:#0490f1;}
#listar H2{font:bold 16px arial;margin:5px 0;color:#069;text-decoration:none;}
#listar H2 a, #listar H2 a:hover {font:bold 16px arial;color:#069;text-decoration:none;}
#listar H2.titnolink {margin:5px 0;font:bold 50px verdana;}
#listar p {margin:0px; margin-top:5px; font:normal 11px arial; color:#333; line-height:17px;}
#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;}
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; }
/************************************* DETALLE **************************************/
#detalle h2 /* COPETE */{ font-size: 12px; color:#377081; padding:0px; margin:0px;}
#detalle a, #detalle a:hover  { font:bold 10px arial;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   { font:bold 16px arial; margin:5px 0; color:#069;	text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:20px; }
#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 11px arial;color:#3b90bb;line-height:17px;}
#detalle .subtitu { font:bold 11px arial;	color:#f58220; }
#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; }
#detalle ul, #listar ul, #home ul, #detalle ol, #listar ol, #home ol { margin-left:30px; }
/****************************** COMENTARIOS *************************************/
#caja_comentarios { 	border-top:1px solid #ccc; }
.tit_comentario { font:bold 15px Trebuchet MS }
.comment_indiv { 	border:1px solid #ccc; 	padding:5px; 	margin:5px 0;	font:normal 11px arial;	color:#666 }
.comment_indiv_h { border:1px solid #333; padding:5px; margin:5px 0; font:normal 11px arial; color:#666; background:#fafafa }
.comment_cab { background:#eee; padding:3px; }
a.comment_pag,a.comment_pag:hover  { font:bold 11px arial; text-decoration:none; color:#666 }
a.comment_pag:hover { color:#ccc; text-decoration:underline }
.pag_actual { font:bold 11px arial; text-decoration:none; color:#069 }
.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 11px arial; 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;	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; }
.vigencia_res { font:normal 11px arial; }
.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:35px; }
.req {padding:5px; background:url(../imagenes/requerido.gif) no-repeat center; }
.titproyreg{ font:bold 16px arial; display:block; color:#069; text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:15px; }
#registro hr{ height:1px; color:#ccc }
#registro .boxentra-cont { width:170px; border:1px solid #999;}
/****************************** CONTACTO *************************************/
#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;}
/****************************** 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:#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:#377081;display:block; padding:5px;}
.titbusqueda{ font:bold 16px arial; display:block; color:#069; text-decoration:none; border-bottom:1px solid #f0f0f0; margin-bottom:15px; }
/****************************** 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; 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:#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:#666; display:inline; }
a.volver_atras { font:bold 10px arial; }
/****************************** EMPRO *************************************/
#header	{ background: #fff;padding:0px; margin:0px;margin-top:7px;}
#banner-superior { border:0px solid #f00; margin:0px; padding:0px; background:#fff; padding-bottom:0px; }		
#bann-header { }
#header1 { float:left;margin:0;padding:0;margin-left:24px; }
#header2 { padding-top:5px;text-align:right;padding-right:10px; }
#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;}
/************************************* CAJA MENU **************************************/
#menu-lateral 		{border:0px  dashed #CCCCCC;font:normal 11px arial;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:0; padding:0; list-style-type:none; list-style-position:outside; height:24px; width:990px; background:#ddd; border-bottom:0px solid #175471 }
#nav a { font:bold 11px arial; display:block; padding:4px 16px 4px 15px; _padding-left:16px; text-decoration:none; color:#666; border-left:1px solid #999; }
#nav a:hover{background:#666;color:#fff;}
#nav li{float:left;position:relative;}
#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:#ccc }
#nav ul ul{ top:0; }	
#nav li ul ul { left:157px; _left:158px; 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; }

/* 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:absolute;left:199px;display:none;top:0em;}
#nav2 a{	font:bold 11px arial; text-decoration:none;color:#3b7eb1; background:url(../imagenes/bullet-item.gif) no-repeat 2% #f0f0f0; margin:0px;display:block;	padding:5px 20px;border-bottom:1px dotted #ccc;}
#nav2 a:hover{background:url(../imagenes/bullet-item.gif) no-repeat 2% #999; color:#fff;}
#nav2 li{position:relative; width:100%;}
#nav2 li ul a{width:150px;height:auto; background:#f5f5f5; border-bottom:1px dotted #ccc; padding:5px}
#nav2 li ul a:hover{background:#f0f0f0;}
#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}

#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:#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;color:#8ba826;text-decoration:none; line-height:15px }
#left1 a:hover, #left2 a:hover { font:bold 12px arial;color:#3880a9; text-decoration:none;line-height:15px }
#left1 h3, #left2 h3 { font:bold 12px Arial; color:#99b732; line-height:15px}
#left1 a.le, #left2 a.le { font:normal 10px arial; color:#666; 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 11px arial; color:#333 }
#left1 .vernota, #left2 .vernota { text-align:right; background:#fff; border:0px solid #fff; padding-right:3px; margin-top:5px;}
#left1 .imagen, #left2 .imagen{text-align:left; padding:2px;background-color:#fff; border:1px solid #ccc }
/************************* CAJAS RIGHT *****************************/
#right1 .copete, #right2 .copete{ font-size: 10px; color:#333 }
#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%;zoom: 1;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:#f6f6f6;border:1px solid #ddd; padding:10px; padding-top:5px; border-right:none; border-left:none; margin-top:15px;}
#gallery h4{font:bold 14px arial; margin-bottom:10px; background:url(../imagenes/detalle-galeria.png) no-repeat left top; padding-top:10px; padding-left:45px;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {border: 5px solid #ddd;border-width: 5px 5px 15px;}
#gallery ul a:hover img {border: 5px solid #f0f0f0;border-width: 5px 5px 15px;color: #fff;}#gallery ul a:hover { color: #fff; }
/******************* REDES SOCIALES *********************/
#redes #redes_compartir {display:block; margin-top:5px; padding-top:5px; border-top:1px solid #ddd;}
#redes #redes_megusta {display:block; margin-top:5px; padding-top:5px;}
#form_detalle {background:#f6f6f6;border:1px solid #ddd; padding:10px; padding-top:0px; border-right:none; border-left:none;}
#form_detalle h6 {font:bold 14px arial; margin-bottom:10px; background:url(../imagenes/detalle-mail.png) no-repeat left top; padding-top:10px; padding-left:45px; }
#form_detalle .der {width:45%;float:right	}
#form_detalle .izq {width:45%;float:left	}

#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:#666; 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;}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*The following provides PNG transparency support for IE6*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/********** 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 **************/