/*

Tema: gasdsgn portfolio

URL: http://gasdsgn.com

Description: Portfolio de Aurora Sanz, de diseņo, ilustracion, fotografia.

Version: 1 Sept 2009

Author: Aurora Sanz Garcia aka. gasdsgn

*/



* {

    padding: 0;  

    margin: 0;  

    border: 0; 

	vertical-align: baseline; 

}

 ul, li {

	margin:0;

	padding:0;

	list-style:none;

	}



body {

	margin: -20px auto 0px auto;

	font-family: Georgia, "Times New Roman", Times, serif;

	background-color: #000000;

	color: #FFFFFF;

	background-attachment: scroll;

	background-image: url(../images/background.jpg);

	background-repeat:   repeat-x;

	background-position: center top;

}







#contenedor {

	width: 750px;

	height:auto;

	margin: 0px auto 0px auto;

}



#cabecera {

	text-align:left;

	height:180px;

	width:750px;

	z-index:1;

}





#cabecera h1 {

	width:320px;

	height:180px;

	display:block;

	background-image:url(../images/logo.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	float: left;

	z-index:1;

} 

#cabecera h1 a{

	display:block;

	width:300px;

	height:150px;

}





#menu {

	width:750px;

	height:300px;

	display:block;

	font-size: 1em;

	font-weight: bold;

	text-transform: none;

	font-family: Georgia, "Times New Roman", Times, serif;

	float: left;

	position:relative;

	top:-70px;

	letter-spacing: -1px;

}



#menu li {

	list-style-type: none;

	width: 120px;

	text-align:center;

	float:right; 

	margin-left:-20px;

}





#menu li a, #menu li a:visited  { 

	text-decoration: none;

}



#menu li a:hover {

	color: #000000;

	text-decoration: underline;

}



.current {

	color: #000000;

	z-index:100;

	text-decoration: line-through;

}





#home {

	width:117px;

	height:50px;

	background-image:url(../images/home.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding:40px 0px 0px 0px;

	z-index:200;

}



#diseno {

	height:70px;

	width:137px;

	background-image:url(../images/diseno.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding:40px 0px 0px 0px;

	display:block;	

}



	

#fotografia {

	height:75px;

	width:141px;

	background-image:url(../images/fotografia.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding:40px 0px 0px 0px;

	margin-right:-10px;	

}





#ilustracion {

	height:70px;

	width:110px;

	background-image:url(../images/ilustracion.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding:40px 0px 0px 0px;

}



#contacto {

	height:80px;

	width:120px;

	background-image:url(../images/contacto.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding:40px 0px 0px 0px;

}





#main {

	position:absolute;

	height:auto;

	width:750px;

	display:block;

	z-index:500;	}





#principal {

	width:750px;

	height:auto;

	display:block;

	background-image:url(../images/principal_pattern.jpg);

	background-repeat:  repeat-y;

	background-position: center center;

	position:absolute;

	z-index:100;

}





.capitals { 

	font-variant: small-caps;

	text-transform: capitalize;

	font-style: normal;

	background-color: #099;

	margin:0px 0px 20px 0px;

	}



#principal h2.capitals {

	width:730px;

	height:35px;

	background-image:url(../images/principal_top.jpg);

	background-repeat:no-repeat;

	background-position:left top;

	font-size:1.5em;

	color:#000;

	font-style: italic;

	text-align: right;

	padding: 50px 20px 0px 0;

	border-bottom: 1px dashed #000000;

}



#principal h2{

	font-size:1.5em;

	color:#000;

	text-align: right;

	padding: 5px 40px 10px 20px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #000; }



#principal h2.intro {

	display:block;

	font-size:1.2em;

	padding-bottom:20px;

	line-height: 1.5em;

	font-style: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

}



#nuevo h3 {

	font-size:1.1em;

	color: #000000;

	padding:30px 0 5px 20px;

	float:left;

	width:656px;

	height:50px;

	font-family: Georgia, "Times New Roman", Times, serif;

	background-image: url(../images/new.png);

	background-repeat: no-repeat;

	background-position: left top;

}



#nuevo {

	padding:15px 30px 30px 30px;	

}

	

#nuevo img { 

	display:block;

	float:left;

		

}





.graphic, #prevBtn, #nextBtn{

            margin:0;

            padding:0;

            display:block;

            overflow:hidden;

            text-indent:-8000px;

            }

			

	#slider{

	margin: 10px 0 0 10px; 

	border:1px dashed #000;

	}

		

	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		width:663px;

		height:319px;

		overflow:hidden; 

		}	

	#prevBtn, #nextBtn{ 

		display:block;

		width:30px;

		height:77px;

		position:absolute;

		left:20px;

		top:420px;

		}	

	#nextBtn{ 

		left:693px;

		}														

	#prevBtn a, #nextBtn a{  

		display:block;

		width:30px;

		height:77px;

		background:url(../images/btn_prev.png) no-repeat 0 0;	

		}	

	#nextBtn a{ 

		background:url(../images/btn_next.png) no-repeat 0 0;	

		}



#conserv {

	float:left;

	display:block;

	margin:20px 0 0 30px;

	width: 690px;

	height:200px;

	background-image: url(../images/conserv.png);

	background-position: center top;

	color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

}



#conserv ul { float:left;}

#conserv h3 {

	font-size: 14pt;

	text-transform: none;

	color: #000000;

	font-variant: small-caps;

	margin: 0px 0 5px 0;

	list-style-type: none;

}



#servicios_pie {margin: 35px 0 0 30px;}



#servicios_pie  li{	

	line-height: 16pt;

	font-family: Georgia, "Times New Roman", Times, serif;

}



.lista_cuadrado {

	list-style-position: inside;

	list-style-type: square;}



#contacto_pie {margin: 50px 0 0 40px;}



#contacto_pie  li{

	line-height: 16pt;

	font-family: Georgia, "Times New Roman", Times, serif;

}



#contacto_pie  li a{text-decoration: none;}



#contacto_pie  li a:hover{ border-bottom: 1px dotted #000000;}



#comunidades_pie {margin: 23px 0 0 107px;}



#comunidades_pie  li{

	line-height: 3.1em;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.8em;

}



#comunidades_pie  li a{	text-decoration: none;}



#comunidades_pie  li a:hover{border-bottom: 1px dotted #000000;}





#galeria {	

	width: 690px;

	padding:15px 30px 0px 20px;

	margin-left:10px;

	margin-bottom: 30px;

	display:block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: normal;

}



#galeria li {

	position:relative; 

	list-style:none;

	float:left;

	}



#galeria li img {

	color: #FFFFFF;

	border:1px dashed #000;

	padding: 5px;	

	margin:4px;}

	

#galeria li ul.dropmenu {

	position:absolute;

	display:block;

	left: -2000px;	

}



#galeria li:hover ul.dropmenu {

	left:10px;

	top:161px;	

	height: auto;

	z-index: 20;

	display:block;

 }

	

#galeria li ul.dropmenu li{

	width: 206px;

	top:0;

	height:50px;

	list-style:none;

	padding-left:5px;

	background-image: url(../images/backdropmenu.png);

	background-repeat: repeat;

}



#galeria li ul.dropmenu li p{

	padding-top: 5px;

	}	





#formulario {

	padding: 0 0 10px 65px;

	margin-left:20px;

	width: 300px;

	height:450px;

	float:left;

	display:block;

	background-image: url(../images/deco.png);

	background-repeat: no-repeat;

	background-position: left top;

}



#formulario p {

	color: #000000;

	margin: 10px 0 5px 0;

}



label {

	display : block;

	

}



#enviar {

	background-color:#009999;

	cursor:pointer;

	

	}



input {

	background: #FFFFFF;

	border : 3px double #333333;

}



textarea {

	padding: 0;

	margin:5px auto 10px auto;

	background: #FFFFFF;

	border : 3px double #333333;

}



input:focus, textarea:focus {

	border : 3px double #009999;

}



#contacta  {

	float:right;

	width: 260px;

	height:400px;

	padding: 10px 10px 0 10px;

	margin-right: 20px;

	background-image: url(../images/deco2.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}

	

#contacta p {

	color:#000000;

	font-size: 11pt;

	

}



#sigueme {

	margin-top: 120px;

	padding-left: 80px;

	font-style: italic;}



#pie {

	margin: 30px 0 10px 0;

	padding:0px 20px 0 0;

	float:left;

	height:40px;

	width:730px;

	z-index:5;

	border-top: 1px dashed #000000;

}



#pie p {

	font-size: 10pt;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin: 10px 20px 0px 0px;

}



#pie p.copy {

	float:left;

	color:#000000;

	margin-left:20px;}



#pie p.menu {

	float:right;

	margin-right:10px;

	color:#000000;

	border-bottom: 1px dashed #009999;}





h1,h2,h4 {font-family:"Times New Roman", Times, serif;}



h3 {font-family:'sketchytimesbold', Times, serif;}



a, a:link, a:visited {color:#630}



a:hover {color: #000000;}



a.enlace_nuevo {

	color: #000000;

	text-decoration: none;

	border-bottom: 1px dashed #009999;

}



a.enlace_nuevo:hover {

	color: #009999;

	}

	

a.enlace_cv {

	color:#009999;

	text-decoration: none;

	border-bottom: 1px dotted #000000;}



a.enlace_cv:hover { color:#000000;}



p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 9pt;

	color: #FFFFFF;

	margin-bottom: 4px;

	}



span {display:none;}



.clear {clear:both; }