/* Reset */
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h1,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset{
	margin:0;padding:0; list-style:none;}
a img,:link img,:visited img, fieldset{
	border:none;
	text-align: center;
}

* { padding: 100; margin: 0; }

.activate { font-weight: bold;}

body {
 font-family: 'Lato', sans-serif;
 font-weight:400;
 background-color:#FFF;
}

#wrapper { 
 margin: 0 auto;
 width: 1200px;
}

#idioma { 
 float:right;
 text-align:right;
 cursor:pointer;
 font-weight:300;
 font-size: 70px;
}

.tachar {
	text-decoration: line-through;
}

#wrapper #leftcolumn ul li a em strong {
	color: #000;
}

#wrapper #leftcolumn ul li a strong {
	color: #000;
}

#header {
 color: #333;
 width: 1200px;
 position:relative;
 float: left;
 height: 120px;
 margin: 0px 0px 5px 0px;
 background-color:#FFF;
}

#head {
 padding: 20px 0px 0px 0px;
 color: #333;
 position:fixed;
 float:left;
 height: 105px;
 width:1200px;
 border-bottom: 1px solid #CCC;
 z-index:20;
 background-color:rgba(255,255,255,0.9) !important; /* Firefox y los demás */
*background:#FFF; /* Sólo IE6 */
*background:#FFF !important; /* Sólo IE7 */
cursor: url('proyectos/files/cursor/dardo.png'), default;}
}

#head a:hover span{ display:block;}
#head a span{ display:block;}

#head a span{ 
position:absolute;
color:#000;
z-index:10;
width:280px; 
height:95px;
padding-left:105px;
/*background-color:rgba(255,255,255,0.9) !important; /* Firefox y los demás */
*background:#FFF; /* Sólo IE6 */
*background:#FFF !important; /* Sólo IE7 */
cursor:pointer;*/ /* para pointer en IE7 */
}

#rightcolumn { 
 float:right;
 color:#CCC;
 font-size: 42px;
 background-color:#FFF;
 margin: 0px 0px 10px 0px;
 width: 100%;
 display: inline;
}

.iam {
	color: #333;
	width:90%;
	height:90%;
	margin-top: 5%;
	margin-left: 5%;
}

.right {
	text-align: right;
}

.dark {
	color: #0cc;
}

.iam a:hover {
	color: #999;
}

.iconos li {float:left; width:600px; height:700px; }
.iconos li span{ display:none}
#rightcolumn a:hover span{ display:block; }

li a span{ /* texto de imagenes */
position:absolute;
font-weight:300;
z-index:10;
text-align:left;
display:block; 
width:520px; 
height:620px;
padding:40px;
background-color:rgba(0,0,0,0.8) !important; /* Firefox y los demás */
*background:#000; /* Sólo IE6 */
*background:#000 !important; /* Sólo IE7 */
cursor:pointer; /* para pointer en IE7 */
}

.iconos a:visited {
color:#666;
text-decoration:line-through;
}

.PreviewImagenes{
	max-width: 600px;
	max-height: 700px;
	border:none;
	position:absolute;
	padding-top:0px;
  	border:none;
  	text-align: center;
}

.logo{
	position:absolute;
	max-width: 200px;
	max-height: 230px;
	border:none;
	text-align:center;
}

ul#menu, ul#menu ul {
  width: 13em;
  border:none;
  z-index:10;
}

ul#menu a {
	display: block;
}


ul#menu li {  /* interlinea menu */
  margin-top: 3px;
  cursor:pointer;
}

.oculta_proy{
	display:none;
}

ul#menu li ul li a {
	color:#000;
}

.normal {
	 font-weight:normal;
}

#leftcolumn a:hover {
	color:#000;
	font-weight:bold;
	text-align:left;
	}
		
#idioma a:hover {
	color:#CCC;
	}

h1 {
 font-size: 13px;
 color:#F00;
 position:absolute;
}

h2 {
 font-size: 13px;
 font-weight:300;
 line-height: 125%
}

h3 {
 font-size: 10px;
 margin-top:33px;
 font-weight:normal;
 position:absolute;
}

h4 a {
 font-size: 12px;
 color:#000;
}

.copyright {
	font-size:10px;
    font-weight:normal;
	color:#999;
}

h5 {
margin-top:0px;
font-style:italic;
font-size:11px;
position:fixed;
bottom:10px;
left:10px;
margin-bottom:0px;
}
	
.oculto {
	display:none;
}

a {
	text-decoration:none;
	color:#FFF;
	outline:none;
}

#idioma a {
	text-decoration:none;
	color:#000;
	outline:none;
}

.oculto {
	display:none;
}

.fotos{
  width: 1200px; 
  text-align: center;
}

.negrita {
	font-weight: bold;
}

.red {
	color:#F00;
}

.grey {
	color:#666;
}

.gold {
	color:#990;
}

#menu3 li ul{
	text-align:left;
}

.show {
	text-align:right;
}

.oculta_proy{
	display:none;
}

li a{ cursor:pointer; }


a#toTop:hover { background:#DDD url('img/top.png') no-repeat center; }


@media screen and (max-width: 1200px) {
	
	#wrapper, #header, #head, #fotos { 
	width: 922px;
	}
	
	#menu { font-size: 20px; }

	#rightcolumn li { font-size: 40px; }
	
	.iconos li {float:left; width:461px; height:538px; }
	li a span{ /* texto de imagenes */
	width:401px; 
	height:478px;
	padding:30px;
	}
	
	.PreviewImagenes{
	max-width: 461px;
	max-height: 538px;
	}
	
	}
	
@media screen and (max-width: 800px) {
	
	#wrapper, #header, #head, #fotos { 
	width: 760px;
	}
	
	}
	
@media screen and (max-device-width: 480px){
    /* Todo el CSS para iPhone va aqui */

	#wrapper, #header, #head, #fotos, #idioma { 
	width: 868px;
	}
	
	#header {
 	height: 180px;
 	margin: 0px 0px 10px 0px;
	}

	#head {
 	height: 170px;
 	width:868px;
	}
	
	#head a span{ 
	width:280px; 
	height:95px;
	padding-left:180px;
	}

	.iconos li {float:left; width:868px; height:1024px; }
	
	li a span{ /* texto de imagenes */
	width:768px; 
	height:924px;
	padding:50px;
	}
	
	.PreviewImagenes{
	max-width: 868px;
	max-height: 1024px;
	}
	
	#idioma { 
	font-size: 70px;
	}

	#rightcolumn li { font-size: 80px; }
	
	.logo{
	height: 158px;
	}
	
	p, a {
	font-size: 70px;
	line-height: 80px;
	}

	h2 {
	font-size: 24px;
	}

	}