/* CSS Document */
/*   
Theme Name: Pedro Mercedes
Theme URI: http://www.pedromercedes.com
Description: Tema creado expresamente para www.pedromercedes.com
Author: Pablo Dominguez (tinybigstudio)
Author URI: http://www.tinybigstudio.com
Version: 1
.
Este tema no puede ser utilizado ni para uso comercial o personal
.
*/

/* ----------------------------
simple reset
---------------------------- */

html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
   
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baselinebaseline;  
    background: transparent;  
}  
/* ---------inicio de los estilos-----------------*/

body {
	background: url(images/background.jpg) repeat;
	font-family: Cambria, serif;
	}
	
#header {
	height: 183px;
	background:url(images/cabecera.png) top center;
	}


#logo h1 {
	display:none;
	text-indent: -9999px;
	}


#firma {
	float: left;
	position: relative;
	left: 300px;
	}


#logo p {
	float: right;
	position: relative;
	top: 60px;
	right: 60px;
	text-align:center;
	width: 300px;
	font-size: 14px ; 
	color: #F1ECD8;
	text-shadow: #000 0px 2px 0px;
	}
	
#idioma {
	float: left;
	position: relative;
	top: 20px;
	left: 590px;		
	color: #F1ECD8;
	font-size: 14px ;
	text-shadow: #000 0px 2px 0px;
	}
	
	#idioma a {
	color: #F1ECD8;	
	text-decoration: none;
	}
	
	#idioma a:hover{
	color: #996600;
	text-decoration: underline;
	}


.container {
	width: 1150px;
	margin-left: auto ;
    margin-right: auto ;
	min-height:750px;
	}


#main {
	margin-left:20px;
	margin-right:10px;
	margin-top:-10px;
	background:url(images/pedro.jpg) top center no-repeat;
	}


#nav {
margin-left: 40px;
	}


#nav ul {
	text-align:center;
	font-size: 20px;
	color:  #6A472D;
	padding: 20px 0;
	}
	

#nav li {
	padding-right: 15px;
	display:inline;
	}


#nav li a {
	text-decoration: none;
	font-weight: 300;
	color: #2E1A15;
	}


#nav li a:hover {
	border-bottom: 1px dashed;
	}


#nav li a:active {
	color: #996600;
	border-bottom: 1px dashed;
	}


h1 {
	margin-bottom:30px;
	font-size: 45px;
	color:  #2E1A15;
	font-weight:600;
	}


h2 {
	margin: 40px 0px 20px 0px;
	font-size: 36px;
	color:  #2E1A15;
	font-weight:500;
	}

h3 {
	font-size: 20px;
	color: #5E7B40;
	font-weight:500;
	}
	
	h4 {
	font-size: 16px;
	color: #996600;
	font-weight:500;
	}

#content {
	margin-top:35px;
	}


#content p {
	text-align:justify;
	line-height: 24px;
	font-size: 16px ; 
	color:  #2E1A15;
	margin-bottom: 15px;
	text-decoration: 100;
	/*font-weight: 100;*/
	}
	
#content  a:link, a:visited {
	color: #996600;
	font-weight: bold;
	text-decoration:none;

	}

#content  a:hover {
	color: #996600;
	text-decoration:none;
	border-bottom: 1px dashed;
	}
	
#content  a:active {
	color: #2E1A15;
	text-decoration:none;
	border-bottom: 1px dashed;
	}

#content  .align-right {
	border: 6px solid #F1ECD8;
	margin: 7px 0px 5px 20px;
	float:right;
	overflow:auto;
	}


#content  .align-left {
	border: 6px solid #F1ECD8;
	margin: 7px 20px 5px 0px;
	float:left;
	overflow:auto;
	}

#homenajes p {
	 padding-left:40px;
}

blockquote {
	text-align:center;
	color: #5E7B40;
	font-size: 18px;
	line-height: 28px;
	margin: 15px 50px;
	text-align:center;
	width: auto /*660px*/;
	font-style: italic;	
	
	}
	
	.frase {
	
	color: #2E1A15;
	font-size: 34px;
	line-height: 34px;
	width: auto;
	font-family: 'Kristi', serif;
	}

.blockquote {
	text-align:center;
	color: #5E7B40;
	font-size: 18px;
	}

.blank {
	line-height: 8px;
	font-size: 8px;
}


#footer {
	clear:left;

	margin-top:80px;
	height: 63px;
	background:url(images/backgroundfooter.jpg);
}

#footer p {
	
	position: relative;
	margin-left:45%;
	margin-right: auto;
	margin-top:35px;
	float:left;
	font-size: 12px;
}

.clear {
	clear:both;
}

/* ---Obras---*/

#wrapper {
width: 960px;
overflow:auto;
}


#wrapper h3 {
	margin-bottom:20px;
}

#wrapper a:link, a:visited {
margin-bottom: 20px;
font-size: 22px;
text-decoration: none;
color: #996600;
}

#wrapper a:hover{
text-decoration:none;
border-bottom: 1px dashed;
}

#wrapper a:active{
text-decoration:none;
border-bottom: 1px dashed;
color: #2E1A15;
}

#wrapper img {
margin-bottom: 15px;
border: 4px solid #F1ECD8;
}

.obra {
float: left;
width: 233px;
height: 140px;
margin-bottom: 240px;
font-size: 9px;

 }

#content .obra p {
	font-size: 14px;
}

.obra_centro {
float: left;
width: 233px;
height: 160px;
margin: 0 120px 0 120px;

 }
 
 #content .obra_centro p {
	font-size: 14px;
}
 
#disponible {
margin-top:-70px;
margin-right:20px;
position: relative;
text-align:right;
margin-bottom:50px;

 }
 
#disponible a {
 font-size: 18px;
 }
 
	 
	 

/* ---Post---*/

#post {
	text-align:center;
}

#post li {
	display:inline;
}

#post li a:link, a:visited {
color: #996600;
text-decoration:none;

}

#post li a:hover{
text-decoration:none;
border-bottom: 1px dashed;
}


#post li a:active{
text-decoration:none;
border-bottom: 1px dashed;
color: #2E1A15;
}


li.anterior {
	float:left;	
	margin-left:40px;
}


.volver_categoria {
clear:both;
margin-bottom:30px;
text-align: center;

}


li.siguiente {
float: right;
margin-right:60px;
}



.border-img {
text-align:center;
margin-bottom: 15px;
border: 6px solid #F1ECD8;
}

#post h2 {
clear: both;
margin-left: 0 auto;
margin-right: 0 auto;
}


#obra_categoria {
float: left;
padding: 0 7px 20px 0px;

}

#obra_categoria p{
text-align:center;
}

#obra_categoria img {
float: left;
margin-bottom: 5px;
border: 4px solid #F1ECD8;

}

/* ---Inicio---*/

.innerfade {
list-style:none;
}



#frases_inicio {
float:left;
position: relative;
margin-left:40px;

}


#obras_inicio {
position:relative;
margin-left:530px;

}

#texto_inicio {

position:relative;
width:435px;
left:40px;
top:20px;
}


h4 em {
    text-align: center;
    font-style: italic;
    font-size: 26px;
}

ul {
	margin: 15px 50px;
}

	
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}