@charset "utf-8";
* { margin:0; padding:0;} 
body {	background-color: #D7C9BB; background-image: url("grecas.gif"); font-family: Arial, Helvetica, sans-serif;}
.f1 {}
.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;}
.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;}
.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;}
.rd {border-radius:15%;}
.wrapper aside a:hover {padding: 0.3em;}
.bt a:hover {text-decoration:none;
background: #330000; color: #FFF; padding:.3em; margin:.4em 0;}
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 {}
#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) {
.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] {width:80%;}

}

@media (min-width: 600px) {
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;}
  }