/* 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;line-height:1.3; 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:300;
 font-size: 14px;
 background-color:#FFF;
}

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

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

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

/*img  {
	cursor: url("../proyectos/files/dardo.png"), help;
}

/*li img
{
opacity:1.0;
filter:alpha(opacity=100);  For IE8 and earlier
}

li img:hover
{
opacity:0.9;
filter:alpha(opacity=70);
 /* For IE8 and earlier 
}*/

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

#leftcolumn { 
 color: #333;
 margin: 0px 25px 5px 0px;
 padding: 10px;
 height: 300px;
 width: 20%;
 float: left;
 overflow-x:hidden; overflow-y:auto;
}

#social { 
 float: right;
 color: #333;
 height: 20px;
 width: 250px;
 text-align:right;
}

#content {  
 float: left;
 color: #333;
 margin: 16px 5px 5px 0px;
 height: 500px;
 width: 750px;
 text-align:left;
}

#fotos { 
 float: left;
 color: #333;
 margin: 10px 5px 5px 0px;
 width: 1200px;
 text-align:center;
}


#fotos li {
	margin: 0px 0px 20px 0px;
	}

#rightcolumn { 
 color: #333;
 position:absolute;
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 10px 10px;
 height: auto;
 width: 450px;
 top:0px;
 right:0px;
 text-align:left;
 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 */
}

.foto {
	margin-top:120px; } 

#rightcolumn a {
 color:#000;
}

#rightcolumn a:hover {
 color:#000;
}

#career a:hover  {  color:#999;
}

#rightcolumn a:hover  {  color:#999;
}
 
#career{ 
 float: left;
 color: #333;
 height: 220px auto;
 width: 550px;
 text-align:left;
 }
 
#formation { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 }
 
#work { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 }
 
#awards { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 } 
 
 .yo {
 margin: 20px 0px 0px -20px;	
}

#menu2 li {
text-align:left;	
}

h1 {
 font-size: 18px;
 text-shadow:#F00;
 margin-bottom:1px;
 }

h2 {
 font-size: 18px;
 margin-top:17px;
 font-weight:300;
 position:fixed;
}

h3 {
 font-size: 18px;
 font-weight:300;
}

h4 {
	margin-top:13px;
}

a {
	text-decoration:none;
	color:#000;
	outline:none;
}
	
a:hover {
	color:#000;
	}
	
#rightcolumn a:hover span{ color:#CCC;}

#paspag li {
	width:22%;
	display:inline;
	text-align:center;	
	text-decoration:none;
	float:left;
	padding:0;
}

ul {
	
	font-size: 18px;
	font-weight:300;
	color:#000;
	}
	
li ul{
	
	font-size: 18px;
	font-weight:300;
	color:#000;
	}
		
ul#menu5 { 
  margin-top: 10px; /* margen entre filter y allwork*/
}

li.back {
	margin-bottom: 10px;
	margin-left:1px;
}

.back a:hover span{ background-color:#f00;}

ul#menu4 li ul li a {
	font-style:italic;
	color:#F00;
}
	
#head img {
	cursor: url("files/cursor/back.png"), pointer;
}

.oculto {
	display:none;
}

.PreviewImagenes{
  padding-top:0px;
  max-width: 95%;
  max-height: 95%;
  border:none;
  text-align: center;
}

.fotos{
  max-width: 1200px;
  max-height:620px; 
  text-align: center;
  margin:auto;
}

.negrita {
	font-weight: bold;
}

.rojo {
	color:#000;
	font-size:50px;
	line-height:80px;
	font-weight:300;
}

.red {
	color:#F00;
}

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

.show {
	text-align:right;
}

.oculta_proy{
	display:none;
}

li a{ cursor:pointer; }

@media screen and (max-width: 1200px) {
	
	#wrapper, #header, #head, #fotos { 
	width: 922px;
	}
	
	#rightcolumn { 
	width: 300px;
	}
	
	#content {  
	width: 550px;
	}
	
	#career{ 
 	width: 400px;
	}
	
	}
	
@media screen and (max-width: 800px) {
	
	#wrapper, #header, #head, #fotos { 
	width: 760px;}
	
	#rightcolumn { 
	width: 200px;
	}
	
	#content {  
	width: 400px;
	}

	#career{ 
 	width: 250px;
	}
	
	}
	
@media screen and (max-device-width: 480px){
    /* Todo el CSS para iPhone va aqui */

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

	#head {
 	height: 170px;
 	width:868px;
	}
	
	.foto {
	margin-top:180px; } 
	
	#head a span{ 
	width:280px; 
	height:95px;
	padding-left:180px;
	}
	
	.rojo {
	color:#000;
	font-size:100px;
	line-height:120px;
	font-weight:700;
}

	p { font-size: 30px; }
	h1 { font-size: 36px; }

	#menu3 li ul{ font-size: 24px;}
	
	#formation { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 }
 
#work { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 }
 
#awards { 
 float: left;
 color: #333;
 height: 220px auto;
 width: 150px;
 text-align:left;
 font-size: 18px;
 } 
 
 #career{ 
 float: left;
 color: #333;
 margin: 5%;
 height: 220px auto;
 width: 470px;
 text-align:left;
 }
	
 }