@charset "utf-8";
* { margin:0; padding:0;} 
body {	background-color: #D7C9BB; background-image: url("grecas.gif"); font-family: Arial, Helvetica, sans-serif;}
.f1 {}
.ss {font-style: italic;}
.f2 {font-family: Georgia, "Times New Roman", Times, serif;}
p { text-indent: .5em; text-align: justify; margin: 0.5em 0 .7em 0; font-size: 1em;}
.sm {font-weight: bold; color:#300;}
.pf {font-size: .8em; text-align: center; font-style: italic; padding: 1%; background-color: #EBE5DB;
	border-radius: 4%; margin : 0 5em 0 5em; border: .12em solid #330000;}
.bb {font-size: .9em; text-align: right; font-style: italic;}
.iq {color:#300;}
.pv {font-size: .9em; font-weight: bold; font-style: italic;} 
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 .5em 0; text-align: center; color: #660000;}
h1 { font-size: 2em;}

input[type=submit] {background:#7D3E22; color:#DEC9A3; 
border:0 none; cursor:pointer; font-size:.85em; margin:.4em 0; font-weight: bold;
padding:.3em; text-align:center; box-shadow:0em .2em 0em #000; border-radius:10%;}
input[type=submit]:hover {text-decoration:none; background: #330000; color: #FFF;}

.rd {border-radius:15%;}
.wrapper aside a:hover {padding: 0.3em;}

nav {padding: .5em 0 0.5em 0;}
.in, .i1 {font-size: .8em;}
.in li, article li {padding: 0.3em 0 .3em 0;}
ul, ol {list-style:none;}
blockquote {font-size: 1.1em; font-weight: bold; font-style: italic; text-align: center;}
cite {text-align: right;}
.imagen {text-align: center; }
.wrapper .main .cuadro Object, audio {
width: 100%; height: 4em;}
.wrapper .main embed, .wrapper .main video {
max-width: 100%; max-height: 100%; text-align: center;}
.wrapper a:hover, .abajo a:hover, footer a:hover {
text-decoration:underline;
background: #330000;
/*padding: 0.1em 0 .1em 0;*/
color: #FFF;}
.cc {clear: both;}
.pt {float:left; display:inline-block; margin:.2em;}
.fl .pr {}
.bt {background:#7D3E22; color:#DEC9A3; display:inline-block; font-size:.85em; margin:.4em 0; font-weight: bold;
padding:.3em; text-align:center; text-decoration:none; box-shadow:0em .2em 0em #000;}
.bt a:hover {text-decoration:none;
background: #330000; color: #FFF; }
#menu {width:100%;}
.nav li a {
font-size:.8em; font-weight: bold;
background-color:#000; color:#fff;
text-decoration:none; padding:.5em .8em;
display:block;}
.nav > li {	float:left;}
.nav li a:hover {background-color:#fff;
color:#000;	}
.nav li ul {display:none;
position:absolute;	min-height:40%;}
.nav li:hover > ul {display:block;}
.cuadro h3, .cuadro4 h4 {
background-color: #CFA963;	text-align: center; border-radius:25%;}
.cuadro4 p {text-align: center;}
.abajo a, .abajo a:hover {padding: 0 1em 0 1em;}
.abajo {clear:both;
padding: 1%; text-align:center;	font-size:.85em; line-height: 150%; }
footer { text-align:center; padding: 1%; clear:both;}
.fotos {text-align:justify;}
.imagen img {padding: 1%; background:#CFA963; border-radius:4%; border: solid;}

@media (max-width: 599px) {
#Comentarios {width: 100%;}
.wrapper .main .cuadro {
padding: 1%; margin: 1%;
box-sizing: border-box;
background-color: #E0CCA3;
border: .1em solid #330000;}
.wrapper .main .cuadro4 {
padding: 1%; margin: 1%;
box-sizing: border-box;
background-color: #E0CCA3;
border: .1em solid #330000;
text-align: center;	}
.wrapper .main img {max-width: 98%;
height: auto;}
#logo {	text-align:center;	}
.contenedor {
background-color: #C0A674;
width: 100%;
margin: .8em auto;}
.wrapper .main {
padding:.8em;
background-color:#EADCBF;}
.wrapper aside {padding:.8em;
background-color: #DBC493;}
.wrapper aside li {display:inline; padding: 0 1em 0 1em;
line-height: 150%;}
.img_izq {float: none;
display:block; margin:auto;}
.img_der {float: none;
display:block; margin:auto;}
input[type=text], input[type=email], textarea {width:100%; padding: .5%; margin: .5%;}
input[type=search] {width:80%; padding: .5%; margin: .5%;}
}

@media (min-width: 600px) {
#Comentarios {width: 80%;}
aside .in .bt {width:98%}
.wrapper .main .cuadro {
width: 48%; float: left;
padding: 1%; margin: 1%;
box-sizing: border-box;
background-color: #E0CCA3;}
.wrapper .main .cuadro4 {
width: 24%; float: left;
padding: .5%; margin: .5%;
box-sizing: border-box;
background-color: #E0CCA3;	
text-align: center;	}
.wrapper aside img {
width: 98%; height: auto;}
.wrapper .main img {
max-width: 98%; height: auto;}
#logo {	float: left;}
.contenedor {
background-color: #CFA963;
width:98%;
margin: .5em auto;
max-width: 990px;}
.wrapper .main {
width:85%; float:left;
padding: 1%; box-sizing: border-box;	
background-color:#EADCBF;		}
.wrapper aside {
width: 15%; float: left;
padding: 1%; box-sizing: border-box;
background-color: #DBC493;	}
.fl{width:19%;}
.pr{width:59%;}
.img_izq {float: left;
margin-right: .5em;}
.img_der {float: right;
margin-left: .5em;}
input[type=text], input[type=email], textarea {width:65%; padding: .5%; margin: .5%;}
input[type=search] {width:30%; padding: .5%; margin: .5%;}	
}