/*GENERALES__________________________________________________________________________________________________________________________*/

html {
	
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #EDEDED;
}

img {
	border: 0px;
}

a {
	border: 0px;
	outline: none;
}

#cabecera {
	width: 100%;
	position: absolute;
	height: 88px;
	background-color: #EDEDED;
	z-index: 99;
	border-bottom-color: #336699;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

#logotipo {
	margin-left: 40px;
	width: 400px;
	float: left;
}

#titulo {
	top: 400px;
	float: left;
}

#menu {
	float: left;
    right: 40px;
    top: 57px;
	position: absolute;
}

.menu_activo {
	color: #999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: italic;
}

#menu a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #444;
	text-decoration: none;
}

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

#menu ul {
	margin: 0px;
	padding: 0px;	
}

#menu li {
	display: inline;
	margin-right: 20px;	
}

#flechitas {
	position: absolute;
	z-index: 99;
	top: 56px;
	left: 732px;
	color: #999;
	font-family: georgia;
	font-size: 11px;
	font-style: italic;
	width: 170px;
}

#redes {
	left: 725px;
    position: absolute;
    top: 56px;
    width: 218px;
}

#pie {
	width: 100%;
	position: absolute;
	height: 25px;
	background-color: #EDEDED;
	bottom: 0;
	font-family: "Century Gothic";
	color: #555;
	font-size: 12px;
	font-style: italic;
	padding-top: 10px;
	min-width: 600px;
	border-top-color: #336699;
	border-top-width: thin;
	border-top-style: solid;
}

#pie_works {
	font-family: "Century Gothic";
	color: #555;
	font-size: 12px;
	font-style: italic;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#pie_contenido {
	float: left;
    margin-left: 34px;
    margin-right: 32px;
}

#pie a {
	text-decoration: none;
	color: #333;
}

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

#pie_works a {
	text-decoration: none;
	color: #333;
}

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

#pie_redes {
	float: left;
}

#historia_izquierda {
	float: left;
    left: 41px;
    margin-top: 41px;
}

#historia_derecha {
	color: #333;
	float: left;
	font-family: "AvantGarde Bk BT";
	font-size: 14px;
	font-style: normal;
	margin-left: 28px;
	margin-top: 150px;
	width: 542px;
}

#contacto_izquierda {
	float: left;
    left: 41px;
    margin-top: 41px;
}

#contacto_derecha {
	color: #333;
    float: left;
    font-family: "Century Gothic";
    font-size: 12px;
    font-style: italic;
    margin-left: 28px;
    margin-top: 181px;
    width: 542px;
}

#contacto_derecha a {
	text-decoration: none;
	color: #666;
}

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

.fadefoto {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.fadefoto:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#works {
    float: left;
	color: #333;
	float: left;
	font-family: "AvantGarde Bk BT";
	font-size: 14px;
	font-style: normal;
    position: relative;
    top: 90px;
    width: 94%;
	left: 41px;
	min-width: 740px;
}

#works_fullscreen {
	position: absolute;
	top: 88px;
	left: 41px;
	height: 88%;
	width: 92%;
	min-width: 841px;
}

#works_fullscreen_photo {
	 height: 84%;
}

#miniaturas {
	float: left;
	clear: both;
}

.foto_grande {
	height: 94%;
	width: auto;
	float: left;
}

img.activo {
	
}

img.inactivo {	
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.fadefoto {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

img.inactivo:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#design-by a {
	font-size: 10px;
	font-style: italic;
	color: #666;
}

#design-by  {
	font-size: 10px;
	font-style: italic;
	color: 666;
}

/* CARROUSEL_________________________________________________________________________________________________________________________*/

 			div.bgcarousel{ /* CSS for main carousel container */
	  		 background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
			 width: 100%; /* default dimensions of carousel */
			 height: 100%;
			 position: absolute;
			 z-index: 0;
			 -webkit-background-size: cover; 
			 -moz-background-size: cover; 
			 -o-background-size: cover;
			 background-size: cover;'>
			 }
             
            img.navbutton{ /* CSS for the nav buttons */
             margin:5px;
             opacity:0.7;
             }
             
            div.slide{ /* CSS for each image's DIV container within main container */
 			 background-color: black;
			 background-position: center center; /* center image within carousel */
			 background-repeat: no-repeat;
			 background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
			 color: black;
			 }
			 
            div.selectedslide{ /* CSS for currently selected slide */
             }
             
            div.slide div.desc{ /* DIV that contains the textual description inside .slide */
			 position: absolute;
			 color: white;
			 left: 40px;
			 top: 100px;
			 width:400px;
			 padding: 10px;
			 font-family: "Century Gothic";
			 font-size: 15px;
			 text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
			 z-index:5;
			 background-color: rgba(0, 0, 0, 0.7);
	         }
             		 
            div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
             }
             
            div.slide div.desc h2{
             font-size: 200%;
			 font-stretch: bold
             margin:0;
             }
             
            div.slide div.desc a{
             color:yellow;
             text-decoration:none;
             }