@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */

/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {}

/* Mobile Portrait Size to Mobile */
@media only screen and (max-width: 320px) {}

/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/
/*@font-face { font-family: ''CastroScript''; src: url(''CastroScript.ttf'') format (''ttf''); }*/



body{
  background: url(../img/pattern_bg.jpg);
  background-repeat: repeat;
  background-position: 0px 0px;
}
/*/////////////////// header ////////////////////*/
header{
	background-image: url(../img/header4.png);
	background-repeat: no-repeat;
	
	margin-bottom: 30px;
  height: auto;

}

figure.logo {
    position: relative;
    top: 0px;
    left:40%;
    float: left;
}
/*figure.logo figcaption h1 {
    font-size: 21px;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
    text-transform: uppercase;
    font-size: 25px ;
}*/

.redes {
    position: relative;
    top: 10%;
    right: 20px;
    float: right;
}
.redes img {
    margin: 5px;
    float:left;
}

/*/////////////////// fin header ////////////////////*/
aside{
	background-image: url(../img/pizarra.png);
	background-repeat: no-repeat;
  background-size: 90%;
  height: 300px;
  behavior: url(PIE.htc);
}

section{
	border-radius: 10px;
  
 /* background-image: url(../img/bg4.png);*/

}

.curva{ border-radius: 10px;

}
nav li {
    float: left;
    display: block;
    margin: 5px;
     border-bottom-style: inset;
     border-color: #f6d051;
}
aside nav li a {
    color: #e74434;
    font-family: 'Nothing You Could Do', cursive;
    /*font-weight: bold;*/
    line-height: 37px;
    padding: 12px;
    font-size: 30px;
    text-decoration: none;
    /*text-transform: uppercase;*/

}

nav ul li{
  width: 100%
}
/*nav li a:hover {
    background-color: #CD3A0C;
    border: 1px solid #ba1706;
}*/

/*img{
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
behavior: url(PIE.htc);
}*/

.shadow2{
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.75);
behavior: url(PIE.htc);
}
.opa{
  background-color: whate;
  opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
nav li a:hover{
font-family: 'Nothing You Could Do', cursive;
	color: #525252;
	/*text-shadow: 0px 2px 1px #ffffff;*/
}

nav li a.current{
  font-family: 'Nothing You Could Do', cursive;
  color: #525252;
  /*text-shadow: 0px 2px 1px #ffffff;*/
}

h1, h3{
	padding: 10px;
	
	font-family: 'Nothing You Could Do', cursive;
	color: #e74434;
	/*text-shadow: 0px 2px 1px #bbbaba;*/
}
p{
  padding: 10px;
  color: #525252;
}
h2{
  margin-left: 20px;
  font-size: 2.3em;
  font-family: 'Nothing You Could Do', cursive;
  color: #e74434;
  /*text-shadow: 0px 2px 1px #bbbaba;*/
}


footer{
	
  background: url(../img/pattern_footer2.png);
  background-repeat: repeat-x;

}
/*.shadow{
	box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
-webkit-box-shadow: 1px 1px 5px #000000;
behavior: url(PIE.htc);
}*/

.shadow{
	-webkit-box-shadow: 1px -2px 7px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px -2px 7px rgba(50, 50, 50, 0.5);
box-shadow:         1px -2px 7px rgba(50, 50, 50, 0.5);
behavior: url(PIE.htc);
}

#formulario{
  margin-left: 10px;
}
#formulario input{
  display: block;
  float:left;
  width:80%;
  margin-bottom: 7px;
}

#formulario textarea{
  width:80%;
  height: 150px;
}

.centrar{
  text-align: center;
}

#envio{
  /*font-family:'serpentinemedium', Helvetica, Arial, sans-serif;*/
  width: 185px;
  color:#333333;
  margin-bottom: 10px;
  font-style:italic;
  font-weight:bold;
}

.post{
  border-top: 1px dotted #235e2a;
  border-bottom-width: 80%;
  /*
  border-bottom-image: url(hr_dividers.png);
  -moz-border-image:url(hr_dividers.png) 0 0 10 0 no-repeat;
  -webkit-border-image:url(hr_dividers.png) 0 0 10 0 no-repeat;
  border-image:url(hr_dividers.png) 0 0 10 0 no-repeat;
  border-bottom: url(hr_dividers.png); */
}

hr.carved {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.5, rgb(221,221,221)),
      color-stop(0.5, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(221,221,221) 50%,
      rgb(255,255,255) 50%
  );
}


hr.divisor{
  background-image: url(../img/divisor1.png);
  /*background-size: 100%;*/
  position: absolute;
   background-repeat: no-repeat;
  width: 100%;
  top:0;
  left: 0;
}

.divisor1{
 /* height: 30px;
  background-image: url(../img/divisor1.png);
  background-size: 50%;
  background-repeat: no-repeat;
  margin-left: 30%;*/
}

h3{
  margin-top: 20px;
  background-color: #DBDAB9;
}



}
table{
  border-collapse:collapse;
  float:left;
  margin: 10px;
}

td{
  width:120px;
  border:1px solid grey;
  text-align: center;

}

td p{
  padding: 5px;
  
  font-family: Arial, Helvetica, sans-serif;
  color: #504f4f;
  text-shadow: 0px 2px 1px #bbbaba;
}

.container .grid_8{
  padding-bottom: 15px;
}

body{
  color: #235e2a;
}

a{
  text-decoration: none;
  color: #235e2a;
}

.container .grid_4 {
 /* text-align: center;*/
  /*margin-left: 30px;*/
}
/* .container .grid_9 { 
  text-align: center;
}*/

footer div.grid_3{
border-color: #d3d2d2;
float: left;
}

footer div.grid_2 figure img{
  margin-top: 30px;
  margin-left: 20px;
  float: left;
}

.wrap {
		margin: 0 auto;
		max-width: 970px;
		color: #fff;
	font-family: 'Lusitana', serif;
		padding: 50px 0 30px 30px;
		height: 150px;
		
	}


	#footer {
		max-width: 100%;
  background-image: url(../img/footer.png);
   background-repeat: repeat-x;
	}

.logofooter{
	float: right;
	margin-right: 10px;
}
.foto{
	float: right;
}

.fotos{
  float: left;
  height: auto;
  margin-right: 15px;
}

#principal li { 
   display:inline; 
   float:left; 
   width:100px; 
   background-color:#f5f7f9; 
   padding:5px; 
   margin:10px; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
}

.limpia{
	clear: both;
}

/*aside.grid3 nav ul li{
  border-bottom-style: solid;
  border-color: #d3d2d2;
}*/