/* CSS Rodero */
*
{
border:0px;
padding:0px;
margin:0px;
}

body
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(imagenes/rodero-fondo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	color:#000033;
}

#madre {
	width:450px; 
	/* min-height para que crezca a lo vertical  */
	height:550px; 
	/* centramos */
	margin-left:auto;  
	margin-right:auto;
	margin-top:25px;
	z-index:0;

	border:2px dashed #000000;
	background-color:#FFFFFF;
	}
#cabecera
{
text-align:center;
}

#menu
{
margin-top:5px;
background-color:#C0BCCB;
text-align:center;
height:22px;
padding-top:3px;
}

#menu li {

display:inline; 
list-style:none;
font-size:90%;
margin-left:13px;
margin-right:13px;}

#menu a{ color:#000033;}

#contenido-filosofia {height:285px;}

#contenido-oficio{
height:450px;
background-image:url(imagenes/rodero-rustico.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#contenido-contacto{
height:450px;
}

#contenido-filosofia p, #contenido-oficio p, #contenido-contacto p{
	font-size:70%;
	margin-top:50px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#pie
{
	width:450px; 
	margin-left:auto;
	margin-right:auto;
	background-color:#C0BCCB;
	text-align:center;
	margin-top:-25px;
}

#pie p
{
	font-size:70%;
	padding-top:5px;
	padding-bottom:5px;
}

/*---- ETIQUETAS  ----*/

h1{display:none;}
h2{
text-align:center;
font-style:italic;
color:#C0BCCB;
font-weight:normal;
font-size:100%;
}

h3
{
	margin-top:15px;
	text-align:center;
	font-weight:normal;
	font-size:90%;
}

h4{
	font-size:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:65px;
	font-style:italic;
	color:#C0BCCB;
	text-align:center;
}

blockquote p
{
	font-size:70%;
	font-style:italic;
	text-align:right;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding:10px;
	background-image:url(imagenes/comillas-superior.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

blockquote .firma
{
	font-style:normal;
	font-weight:normal;
	padding:10px;
	background-image:url(imagenes/comillas-inferior.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

li{
	font-size:70%;
	margin-left:60px;
}

ul{
	margin-bottom:30px;
}

form
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:20px;
}

input{
	background-color:#C0BCCB;
	margin-bottom:2px;
	border-bottom:1px solid #000033;
	padding-left:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea{
	background-color:#C0BCCB;
	padding-left:4px;
	border-bottom:1px solid #000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

.boton{
	border-bottom: 2px solid #000033;
	border-right: 2px solid #000033;
	border-top: 2px solid #C0BCCB;
	border-left: 2px solid #C0BCCB;
	margin-top:10px;
}

.boton:hover{
	border-bottom: 2px solid #C0BCCB;
	border-right: 2px solid #C0BCCB;
	border-top: 2px solid #000033;
	border-left: 2px solid #000033;
}

.telefono{
	font-size:150%;
}