@charset "utf-8";
/* CSS Document */
/* RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	color:#fff
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FIN RESET CSS*/




.oculto{
   display:none;
}
.m1{width:180px}
/*.m2{   
	position:absolute;
	top:0px;
	left:110px;
	height:125px;
	width:110px;
	font-family:Arial;
	font-size:1em;
	text-align:left;
}
.m3{
	position:absolute;
	top:40px;
	left:90px;
	
	font-family:Arial;
	font-size:1em;
	text-align:left;
}*/
.m4{
	position:absolute;
	top:1px;
	left:75px;
	padding-left:15px;
	height:70px;
	width:100px;	
	font-family:Arial;
	text-align:left;
	background-image:url('/images/submenu-cue.png');
	background-repeat:no-repeat
}
.negrita{font-weight:bold;}
.cursiva{font-style:italic}
.aps{font-weight:bold;font-size:1.2em;}
p{text-align:justify;padding:2px;font-family:Arial;line-height:16px}
h1{font-size:20px;font-family:Arial;}
h2{font-size:15px;font-family:Arial;color:#B7B2B2;padding-bottom:5px}
h3{font-weight:bold;font-size:13px;font-family:Arial;}
h4{font-weight:bold;font-size:13px;font-family:Arial;color:#B7B2B2;text-align:justify;margin-left:30px}
a[href]{color:#B7B2B2;text-decoration:none;font-family:Arial;}
a[href]:hover{color:#fff;text-decoration:none;font-family:Arial;}
body {background-color:#000; margin:0px; height:auto;font-family:Arial;font-size:13px}
#a_device_version_switcher_mobile{position:fixed;bottom:10px;left:45%;font-size:0.8em;}
#hlk_language_change{position:fixed;bottom:10px;left:55%;font-size:0.8em;}
#a_device_version_switcher_normal{display:none}
/*div#social_links{position:fixed;bottom:10px;right:10px;}*/
div#sopt{height:240px;z-index:2;position:absolute;top:45px;left:180px;text-align:center}
div#container{
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
	margin-top:-300px;
	background-color:#000;
	overflow:hidden;
}
div#container_portal{
	position:absolute;
	left:50%;
	top:50%;
	width:450px;
	height:200px;
	margin-left:-225px;
	margin-top:-100px;
	background-color:#000;
	overflow:hidden;
}
div#screen{
	height:350px;
	width:650px;
	background-color:#000;
	position:absolute;
	top:40px;
	left:100px;
	z-index:1
}
/*div#contenido{
	background-color:Aqua;
	z-index:2;
	margin-top:15px 15px 15px 15px;
	padding:15px;
	overflow:auto;
	height:300px;
	width:635px;
	font-family:Arial
}  */
div#logo{
	position:absolute;
	left:1px;
	top:385px;
}
 div#menu{
	font-family:Arial;
	font-size:14px;
	text-align:left;
	position:absolute;
	top:410px;
	left:155px;
	font-family:Arial;
}
#enlaces_portal
{
	text-align:right;font-size:0.7em;
}
.img_grande{width:400px;height:290px}
.img_peq{width:200px;height:135px;margin-top:5px}
div#content_page{
	width:410px;
	background-color:#000000;
	position:absolute;
	top:20px;
	padding-bottom:25px;
	left:50%;
	
}
div#map_canvas{height:350px;width:440px}
div#postal-address{position:absolute;top:35px;right:0px;width:200px}
div#formulario{top:145px;width:200px;height:235px;position:absolute;right:0px;bottom:0px;background-color:Black}
div#formulario input[type=text],#formulario textarea{width:190px}
div#formulario label.error{margin:5px 0px 5px 0px;display:block;text-align:left}
div#container_textual{
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
	margin-top:-300px;
	background-color:#000;
	overflow:hidden;
}

 .textual{
	 position:absolute;
	 top:70px;
	 left:-135px;
	height:90px;
	color:White;
	
	font-family:Arial;
	font-size:14px;
	text-align:left;
	
	font-family:Arial;
	
}
div#logo_textual{
	position:absolute;
	bottom:100px; 
	 
}
div#content_box{
	position:absolute;
	top:0px;
	left:200px;
	width:600px;
	height:570px;
	overflow:hidden;
		 
}

div#text_box{
	position:absolute;
	top:35px;
	left:5px;
	width:390px;
	height:520px;
   
	
}
div#text_box p{padding-right:10px}

div#images_box{
	position:absolute;
	top:35px;
	right:5px;
	width:200px;
	height:520px;
	   
}
div#images_box img{
	width:180px;
	margin:5px 10px 0px 10px;    
}  
/* css para articulos*/  
div#div_articles{
	position:absolute;
	top:35px;
	left:5px;
	width:570px;
	height:520px;   
 }
.small_line{width:570px;position:absolute;left:0px;} 
.small_line_2{width:395px;position:absolute;left:0px;} 
 div#div_articles img{
	margin:10px 10px 10px 10px; 
	float:right;
	text-align:center;   
 }
  div#div_articles a{
	margin:10px 10px 10px 10px; 
	float:right;
	text-align:center;   
 }
 div#div_articles p{margin-left:15px;font-size:13px;font-family:Arial;line-height:16px}
 div#div_articles h2{margin-bottom:5px;font-size:16px;cursor:pointer;text-transform:lowercase}
.blog_article{margin-bottom:25px;/*border-bottom-style:groove;*/border-bottom-width:5px;}
.blog_article_content>a[rel=nofollow]{display:none}
.blog_article_content>p{padding-right:5px}
/*.wp-caption{margin:0px 0px 0px 0px;float:right}
.aligncenter{margin:0px 0px 0px 0px;float:right}*/
/* FIN css para articulos*/
.scroll{}
.container_filosofia{height:330px;overflow:auto}

/*#div_articles{height:330px;overflow:auto;padding-top:10px}  */

/*div#thumb_projects{width:125px;height:175px;background-color:Black}
div#thumb_projects li{width:30px;height:30px;margin:5px 5px 5px 5px;float:left}  */
div#projects_list{}
div#projects_list_title{width:125px;z-index:1;position:absolute;top:10px;left:560px;color:#fff;font-size:15px;}
div#img_stamp{position:absolute;top:0px;right:0px;width:500px;height:350px;background-color:black;text-align:center}
div#img_stamp h1{position:relative;left:-12%;*left:-10%}
div#img_stamp_2{width:400px;height:300px;position:relative;top:15px;left:-10px;*left:-55px;background-color:black;overflow:hidden;text-align:center}

/* Añadido de prueba para thumb*/
ul.thumb {
float: left;
list-style: none;
width: 125px;
height:230px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Aquí ponemos posicionamiento absoluta */
width: 30px;
height: 30px;
}
ul.thumb li img {
width: 30px; height: 30px; /* Aquí va el tamaño del thumbnail pequeño */
-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
border: 1px solid #ddd;
padding: 1px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {

border: none; /* Quitamos el border cuando estamos en hover */
}
/*fin añadido*/

#cargador {
	width:100%;
	height:100%;
   position:absolute;
   top:0px;
   left:0px;
   z-index:25;
   background-color:#000;
   text-align:center;
   padding-top:175px;
   }
#cargador p{
	color:#B7B2B2;
	font-size:35px;
	margin:30px 0 0 315px;    
}
.img_loader{}
.esconder {display:none;}
.note{font-weight:bold;text-decoration:underline}
.submit{margin-left:56px}
.msg_send{width:150px;height:125px;background-color:#040204;position:absolute;top:300px;left:475px;z-index:10;text-align:center}
.msg_ok,.msg_fail{width:200px;height:300px;background-color:#000;position:absolute;top:140px;left:450px;z-index:10;text-align:center}
#msg_ok h3, #msg_fail h3{color:#B7B2B2;margin-top:60px}
#msg_ok h1, #msg_fail h1{color:#B7B2B2;margin-top:40px}
#msg_ok h1:hover, #msg_fail h1:hover{color:#fff;cursor:pointer}