/* CSS Document */

 BODY {
margin:0px;
color:#666666;
 }
img {
border:none;
}
.Estilo1 {font-size: 12px}
.centradotabla {
	background-position: center;
	text-align: center;
}
.bordetabinf {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

table {
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 }
a:link{
	color: #333333;
	text-decoration:underline	
}
a:visited{
	color: #333333;
	text-decoration:underline}

a:hover{
	color: #FFFFFF;
	background-color: ;
	text-decoration:underline;
}
/* ESTILO CUSTOMIZADO */

/* CSS Document */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	/*font-size: 100%;*/
	/*font-family: inherit;*/
	vertical-align: baseline;
	line-height:18px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
	

		body{
			/*height:100%;*/
			margin:0;
			padding:0;
			/*line-height: 1;*/
			overflow:hidden;/*Needed to eliminate scrollbars*/
overflow:visible;
		}
		
		
		#todo{
			width:100%;
			font-family:Arial, Helvetica, sans-serif;
			/*font-size:12px;*/
			margin-left:auto;
			margin-right:auto;
		}
		
		a:link, a:visited{
			color:#666666;
			text-decoration: none;
			outline: none;
			font-family:Arial, Helvetica, sans-serif;
		}
		a:active{
			color:#000000;
			text-decoration: none;
			outline: none;
			font-family:Arial, Helvetica, sans-serif;
			
		}
		a:hover{
			text-decoration: none;
			outline: none;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
		}


		.activo a, .activo a:link, .activo a:visited {	
		color:#000000;
		}
		
		
		#fondo{
		z-index:1;
		position:absolute;
		}
		
		#imgFondo{
		width:100%;
		height:auto;
		max-width:1920px;
		max-height:1440px;
		}
		
		#barraMenus{
			z-index:10000;
			position:fixed;
			width:100%;
			height:50px;
			margin-top:5;
			background-image:url(portadas/Image/img/negrotrans.png);
			background-repeat:repeat;

		}
		
		#menuPral{
			z-index: 4;
			position:absolute;
			top:15px;
			left:250px;
			/*float:left;*/
			text-align:left;
			width:336px;
			height:23px;
			font-size:15px;
			font-weight:bold;
		}
		
		#menuPral ul{
			display:block;
		}
		
		#menuPral li{
			display:inline;
			list-style-position: outside;
			list-style-type: none;
			padding-left: 8px;
		}
		
		
		#menuPral .activo {
		color:#000000;
		}
		
		#menuPro{
			z-index: 1001;
			position:fixed;
			font-weight:bold;
			width:250px;
			padding-left:10px;
			height:23px;
			text-align:left;
			margin-top:13px;
			margin-left:60%;
			color:#000000;
			font-size:12px;
		}

		#menuPro a{color:#000;}

		
		#cajaPro{
			font-family:Arial, Helvetica, sans-serif;
			z-index: 999;
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			padding-right:10px;
			position:fixed;
			width:300px;
			height:auto;
			text-align:left;
			margin-top:50px;
			margin-left:60%;
			color:#000000;
			font-size:12px;
			background-image:url(portadas/Image/img/negrotrans.png);
			background-repeat:repeat;
                        line-height:18px;
		}
		#menuCajaPro{
			width:300px;
			z-index: 1000;
			float:left;
			text-align:left;
			font-weight:bold;
			font-size:10px;
			padding-bottom:20px;
		}
		
		#overview, #brief, #project, #results{
			float: left;
			padding-right:6px;
			margin-right:6px;
			border-right-width: thin;
			border-right-style: solid;
			border-right-color: #999999;
			cursor:pointer;
  
		}
		
		#idioma{
		    position:absolute;
			z-index: 1000;
			right:15px;
			top: 17px;
			
		}
		
		#idioma a:link{
			font-size:9px;
		}
		#idioma a:hover{
			font-size:9px;
		}
		
		#pantalla{
			z-index: 4;
			position:fixed;
			width:40px;
			height:40px;
			right:1px;
			bottom:0px;
		}
		
		#logo{
			z-index: 1001;
			position:absolute;
			top:8px;
			left:16px;
			margin-left:0px;
			width:150px;
			height:30px;		
		}
		
		#contenido{
		    position:absolute;
			left:258px;
			top: 50px;
			color: #666666;
		}
		
		
		.titleNew{
			color:#666666;
			width:495px;
			margin-top: 20px;
		}
		
		.titleNew h1{
			font-size:24px;
	
		} 
		
		.photoNew{
			width:495px;
			margin-left:0px;
			margin-top: 10px;
		}
		
		.textNew{
			/*color:#8FC2FF;*/
			color:#666666;
			width:495px;
			margin-top:10px;
			border-bottom-width: thin;
			border-bottom-style: solid;
			border-bottom-color: #999999;
			
		}
		
		.menuAbout{
			width:490px;
			z-index: 1;
			float:left;
			text-align:left;
			margin-top:15px;
			font-weight:bold;
			font-size:10px;
		}
		
		.white a:visited, .white a:link, .white a:active, .white a:hover{
			color:#000000;
		}
		
		.white{
			color:#666666;
		}
		

		#textAbout{
			color:#999999;
			font-size:24px;
		}
		
		#textContact{
			color:#999999;
			font-size:24px;
		}
		
		#about, #publications, #press, #contact{
			float: left;
			padding-right:3px;
			margin-right:6px;
			border-right-width: thin;
			border-right-style: solid;
			border-right-color: #999999;
		}
		
		.textAbout2{
			width:240px;
			margin-right:20px;
			float:left;
		}
		
		#redSocial{
			z-index: 4;
			position:absolute;
			width:400px;
			margin-left:18%;
			height:30px;
			font-size:12px;
			color:#999999;
			bottom:60px;
		}
		
		.icono{
		float:left;
		width:25px;
		height:25px;
		margin-right:5px;
		}
		
		#newsletter{
		float:left;
		font-size:8px;
		width:100px;
		height:25px;
		}
		
		#email{
		float:left;
		font-size:8px;
		width:100px;
		height:12px;
		margin-top:4px;
		}
		
		#emailText{
		float:left;
		font-size:9px;
		width:110px;
		height:21px;
		border-color:#999999;
		border-width:thin;
		border-style:solid;
		}
		
		#subscribe{
		float:left;
		font-size:12px;
		width:100px;
		height:24px;
		margin-left:4px;
		padding-top:4px;
		}
		
		#icon{
			z-index: 4;
			position:fixed;
			width:26px;
			height:56px;
			right:300px;
			font-size:12px;
			color:#999999;
			bottom:60px;
		}
		
		.icono2{
			float:left;
			width:25px;
			height:25px;
			margin-right:5px;
			margin-top:8px;
		}
		#redSocial2{
			z-index: 4;
			position:fixed;
			width:340px;
			height:30px;
			right:-14px;
			font-size:12px;
			color:#999999;
			bottom:10px;
		}
		
		#contentProjects{
			float:left;
			width:100%;
		}
		
		.project{
			float:left;
			height:180px;
			margin-right:28px;
			margin-left:0px;
			margin-top:0px;
                        margin-bottom:20px;
			color:#666666;
			font-size:12px;
		}

		
		.enlacecajas {
		    display:block;
                   overflow: hidden;
		    width:211px;
			height:143px;
			}
		 
		.enlacecajas:link, .enlacecajas:visited{
			border-width:1px;
			border-style:solid;
			border-color:#999999;
			color:#999999;
		}
		
		.enlacecajas:hover, .enlacecajas:active{
			border-width:1px;
			border-style:solid;
			border-color:#000000;
		}
				
		.show{
		color:#FFFFFF;
		font-size:12px;
		}
		 
		*{
			margin:0;
			padding:0;
		}
		
		.menuPubli{
			width:490px;
			height:30px;
			z-index: 1;
			float:left;
			text-align:left;
			margin-top:15px;
			font-weight:bold;
			font-size:10px;
			margin-left:14px;
		}
		
		#anyo1{
			float: left;
			padding-right:3px;
			margin-right:6px;
			border-right-width: thin;
			border-right-style: solid;
			border-right-color: #999999;
		}
		
		#anyo2{
			float: left;
			padding-right:3px;
			margin-right:6px;
			border-right-width: thin;
			border-right-style: solid;
			border-right-color: #999999;
		}
		
		#contentPubli{
			float:left;
			width:100%;
			margin-top:50px;
		}
		
		.publica{
			float:left;
			height:180px;
			margin-right:10px;
			margin-left:20px;
			margin-top:30px;
			color:#999999;
			font-size:12px;
		}
		
		.enlacecajas2 {
		    display:block;
		    width:198px;
			height:138px;
			}
		 
		.publica a:link{
			border-width:thin;
			border-style:solid;
			border-color:#000000;
		}
		
		.publica a:active{
			border-width:thin;
			border-style:solid;
			border-color:#FFFFFF;
		}
		
		.publica a:hover{
			border-width:thin;
			border-style:solid;
			border-color:#FFFFFF;
		}
		
		.publica a:visited{
			border-width:thin;
			border-style:solid;
			border-color:#000000;
		}
		
		#pub1{
		margin-top:0.5px;
		display:none;
		}
		
		#content{
			position:absolute;
			margin:0px auto;
			height:100%;
			width:100%;
                       top:500px;
			z-index: 3;
			/*background:#262626 no-repeat 90%;
			border-top:1px solid #000;
			border-bottom:1px solid #4F4F4F;*/
		}
		#contentframe{
			overflow: hidden;
			/*border-top:solid 1px #4F4F4F;
			border-bottom:1px solid #000;*/
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		/*Numero foto*/
		#slidecounter{
			float:left;
			color:#4F4F4F;
			/*font:50px "Helvetica Neue", Arial, sans-serif;*/
			font-weight:bold;
			margin:18px 20px;	
		}
		/*títol foto*/
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			/*font:26px "Helvetica Neue", Arial, sans-serif;*/
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			/*margin: 25px 20px 0 0;*/
		}
		/*Supersize Plugin Styles*/

		#navigation{
			position: fixed;
			width:100%;
                        text-align:center;
			/* left:50%;
			right:50%;
*/
			bottom:2%;
			z-index:10000;
		}
                #contieneplay{width:100%; z-index:6;}
		#botonplay{
                        position: fixed;
			top:35%;
			bottom: 49%;
 			height: 73px;
 			width:100%;
                        text-align:center;
                        z-index:4;
                         }

		#playvideo{
			position: fixed;
                        top:0px;
                        left:0px;
			width:100%;
			height:100%;
                        z-index:3;
		}

		#canalhidden{
			position: fixed;
                        top:0px;
                        left:0px;
			width:100%;
			height:100%;
                        z-index:3;
		}

		#loading {
			position: fixed;
			top: 49.5%; 
			bottom: 49.5%; 
			z-index: 3;
 			width:100%;
                        text-align:center;
			height: 24px;
			text-indent: -999em;
			background-image: url(portadas/Image/img/progress.gif);
			background-repeat:no-repeat; 
			background-position:center;

		}
		
		#supersized{
			position:fixed;
		}
		#supersized img, #supersized a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersized .prevslide, #supersized .prevslide img{
			z-index: 1;
		}
		#supersized .activeslide, #supersized .activeslide img{
			z-index: 2;
		}
		
		.video {width:100%;
				height:100%;}

		#navigation img{
		cursor:pointer;

		}

                .textProject, .pro, .pais{
                                                   line-height:14px;
width:211px;
                                                  }
 
/* ESTILOS CMS10  */
.blogconte{width:495px; margin-left:258px;} 
.infocontenidos{margin-left: 258px; margin-top:46px;}
.infoproyectos{margin-left: 16px; margin-top:66px;}
.infoarchivo{margin-left: 16px; margin-top:10px;}
.blogarribatextos h3{font-size:22px; margin-bottom:8px; }
.blogarribatextos {line-height:20px;}
.blogprimersepara{display:none;}
.blogarriba{height:30px;}
input{border:1px solid #cccccc; background-color:#FFFFFF; color:#000;}
