/* html elements */
#header {
	height:117px;	
	width: 758px;
	}
	
#imghead {
	background: url(./img/header2.jpg);
	height:117px;	
	width: 758px;
}

* {	
	margin: 0;
	padding: 0;
}


body {	
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #5e5e5e;
	background: #000 url(./img/bkgd.gif) top center repeat-y;
	
	}


/* basic formatting */

#content {
	width: 758px;
	text-align: left;
	margin: 0 auto;
	}
p {
	font: 1em Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	padding: 0 6px 12px 20px;
	margin-right: 35px;
}

ul {
	list-style:none;

}
a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #ddd;
	text-decoration: none;
}

a img {
	border: none;
}


.png {

	margin-right: 40px;
	float:right;
}

.nodisplay{
	display:none;
}

/*nav*/

#nav {
	background: url(./img/bkgd_nav.jpg) repeat-x;
	text-align: right;
	padding: 0 10px;
	
}
#nav ul li {
	display: inline;
	padding: 0 0 0 6px;
}
#nav a {
	line-height: 3em;
}


/*main*/

h1 {
	font: bold 3em  Helvetica, Verdana, Arial,  sans-serif;
	color: #959595;
	padding-left: 400px;
	padding-top: 10px;
	padding-bottom: 1px;
	border-bottom: 4px solid #fff;
	margin-right:40px;
	margin-bottom:30px;
	margin-left:0;
}


#ini #main {
	position:absolute;
	width: 758px;
	
}

#main img {
	margin-right: 40px;
	float:right;
}

#main .lateral ul {
	margin-left: 50px;
}
#main .lateral ul li {
	margin-top: 10px;
}
#main .lateral a {
	font: 1.6em Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
}
#main .lateral a:hover {
	color: #959595;	
	text-decoration: none;
}
#nota {
	clear:both;
	margin-left: 50px;
	padding-top: 50px;
}


/*inicio*/

#inicio {
	margin-top: 50px;
	height:500px;
	width:750px;
	position:absolute;
	
}

#inilist {
	margin-left:50px;	
	font-size:1.4em;
	position:absolute;	
}

#inilist li {
	line-height:3em;
}

#iniimgs {
	margin-right:50px;
	background: url(img/corchete.png) no-repeat;
	width:400px;
	height:450px;
	padding-top:30px;	
	position:absolute;
	left: 300px;	
}


#cab01 {
	display:block;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab02 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab03 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab04 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab05 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab06 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab07 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab08 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}
#cab09 {
	display:none;
	position:absolute;
	top: 55px;
	right: 35px;
}


/*presentacion*/

.presen h2 {
	padding: 0 6px 12px 20px;
	color:#fff;
}


.presen p, h2 {
	clear:left;

}



/*curriculum*/

.descarga a {
	float:right;
	margin-right:5px;
	clear:none;	
}

.curri h2 {
	font: 3em Helvetica, Verdana, Arial, sans-serif;
	color: #959595;	
	text-align:left;
	padding-left: 30px;	
}
.curri h3 {
	font-size: 1.4em ;
	color: #959595;	margin: 10px 0 10px 10px;
	position: relative;
}
.curri ul {
	font-size: 1em;
	color: #fff;
}
.curri ul li {
	list-style-image: url(./img/symbol.png);
	margin-left:50px;
	margin-top:10px;
	margin-right:20px;
}
.curri ul li li {
	list-style-image:none;
	list-style-type:square;
	margin-left:50px;
	margin-top:5px;
}
.curri ul li li li {
	
	margin-left:50px;
	margin-top:5px;
}

/*contacto*/
.contacto .lateral ul li {

	font: 1.2em Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
}

/*Escrito así para evitar ambiguedades para que coja el nuevo tamaño correctamente*/

#main .contacto .lateral ul li a {

	font-size: 1.2em;

}
#mailform {
	margin: 20px 0;
}

#mailform input{
	margin-right: 10px;
}

#mailform .imgcode {
	float:none;
	margin-right: 4px;
	margin-bottom: -10px;
}

p.mailinfo {
	width: 200px;
	font-size:1em;
	text-align: center;
	border: 1px solid #fff;
	padding:5px;
	margin-left: 40px;	

}

/*gallery*/

#gallery #imghead, #gallery #nav {
	display: block;
}


table {
	border-collapse: collapse;
}

td img {
	display: block;  /* baseline bottom gap fix */

}

#cats ul {	
	list-style-type:none;
}

#cats ul li {	
	display: inline;
}
#cats a	 {	
	display: block;
	font-size: 1em;
	border-right: 2px solid #910201;	
	float: left;
	margin-top:-15px;
	padding: 0 6px 6px 6px;	
	color: #fff;
}

#cats a:hover {
	color: #959595;
}
#cats a.selected {
	color: #959595;
}

.galinfo {
	text-align:right;
	margin-right:35px;
}

/* view */

.view {
	clear: left;
	text-align: center;
	padding: 10px 20px;
}
.view table {	width: 700px;	margin: 50px auto 20px auto;}

/* list view */

#list td {
	padding: 3px 5px;
	border: 1px solid #5e5e5e;
	text-align: left;
}
#list td.selected {
	background: #540d09;
}
#list td.selected a {
	color: #fff;
}
#list td.selected_up, #list td.selected_down {
	background: #540d09;
}

/* thumb view */
#thumbnav {
	text-align: center;
	margin-top: 50px;
	margin-right:35px;
	padding-top: 30px;
	margin-bottom: 5px;	
		
}

#thumbnav ul {
	color: #fff;	
	margin: 10px 0;
	text-align: center;
	font-size: 1.6em;
}

#thumbnav ul li {
	display: inline;
	padding-right: 0.25em;
}


#thumbnav a.selected  {
	color: #959595;
}

#thumbnav a:hover{
	color: #959595;

}
#thumb td {
	width: 120px;
	height: 120px;
	background: transparent url(./img/shadow_02.png) no-repeat bottom right;
}
#thumb td.empty_cell {
	background: transparent;
}
#thumb td img {
	display: block;
	padding: 10px;
	margin:0px;
	background: transparent url(./img/shadow_01.png) no-repeat left top;
}
#thumb td img:hover {
	padding: 12px 8px 8px 12px;
}


/* file view */

#filenav {
	text-align: center;
	margin-top: 50px;
	margin-right:25px;
	padding-top: 30px;
	margin-bottom: 5px;	
	float: right;	
}

#filenav ul {
	color: #fff;	
	margin: 10px 0;
	font-size:1.4em;
}
#filenav ul li {
	display: inline;
	padding-right: 0.25em;
}

#filenav a.selected  {
	color: #959595;
}
#filenav a:hover{
	color: #959595;
}

.img_info {
	margin-top: 10px;	
}
.img_info h2 { 
	font-size: 1.4em;
	color:#fff;	
	margin-top: 10px;
}
.img_info p {
	margin-top:10px;
	margin-right:10px;
	
} 

.img_info p.caption {
	width: 250px;
	
} 

.img_info h3 { 	
	font-size: 1.6em;
	color:#fff;
}


#file div {
	display: table-cell;
	text-align:left;
	padding: 0;
	background: transparent url(./img/shadow_02.png) no-repeat bottom right;	
	}

#file img {
	float:left;
	display: block;
	margin-right:0px;
	margin-left: 0px;
	padding: 10px;
	background: transparent url(./img/shadow_01.png) no-repeat left top;	
	}

/*Para imágenes grandes de más de 400px de ancho. La información no flota y aparece debajo*/

#filenav1 {
	text-align: center;
	margin-left: 50px;
	margin-right:35px;
	padding-top: 30px;
	margin-bottom: 5px;		
}

#filenav1 ul {
	color: #fff;	
	margin: 10px 0;	
	font-size:1.4em;
}
#filenav1 ul li {
	display: inline;
	padding-right: 0.25em;
}

#filenav1 a.selected  {
	color: #959595;
}

#filenav1 a:hover{
	color: #959595;

}

/*Información comercial de cada imagen*/

p.cominfo {
	font-size: 1em;
	border: 1px solid #fff;
	padding: 5px;
}

p.cominfo a {
	color: #777;
}

p.cominfo a:hover {
	color: #fff;
}



#file_info {
	clear: both;
	margin: 0 26px;	
	line-height: 2em;
}
#file_title {
	padding: 40px 0 0 26px;	
	color: #959595;
	}
#file_title span {
	font-size: 1em;
	letter-spacing: .2em;
}

/*footer*/

#footer {
	clear:both;
	padding-top: 50px;
	text-align: center;	
	color: #fff;
	width: 758px;
	height:100px;
}

#ini #footer{
	position:absolute;
	top: 800px;
}

.footcontainer {	
	background: #141414;
	border-top:4px solid #a50708;
	padding-top:20px;
	padding-bottom:20px;		
}
#footer p{
	font-size: 0.8em;
}

#footer a {
	color: #5e5e5e;
	font-size: 1.2em;
}
#footer a:hover {
	color: #fff;
}
#footer span {
	border-bottom: 1px solid #5e5e5e;
}
#footer span:hover {
	border-bottom: 1px solid #fff;
}