@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 320px) and (max-width: 479px){
			#container{
				width: 100% !important;
			}
			.post{
				border-bottom: solid 1px #ccc;
				margin: 10px !important;
				width: 90% !important;

			}
			.post-imagen{
				display: none !important;
			}
			
		}
		@media only screen and (min-width: 480px) and (max-width: 763px){
			#container{
				width: 100% !important;
			}
			.post{
				margin: 10px !important;
				width: 90% !important;
			}
			.post-imagen{
				display: inline-block;
				vertical-align: top;
				width: 49%;
			}
			.post-texto{
				display: inline-block;
				padding: 0  0 0 10px;
				width: 49%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			
		}
		@media only screen and (min-width: 768px) and (max-width: 1024px){
			#container{
				width: 100% !important;
			}
			.post{
				margin: 30px 10px;
				width: 30% !important;
			}
		}
		/*@media only screen and (min-device-width: 1025px){*/
			body{
				font-size:12px;
	font-family: 'Roboto', sans-serif;
	color:#CCC;
	background-image: url(pictures/madera.png);
			}

		header{
				margin: 20px auto;
				text-align: center;
				width: 600px;
			}
			#linkHome div{
				background: #4B83EB;
				color: white;
				padding: 10px;
				text-align: center;
			}
			#linkHome{
				text-decoration: none;
			}
			#container{
				background: white;
				margin: 0 auto;
				width: 1024px;
			}
			nav{
	width: 500px;
	padding: 0;
	margin: 20px auto;
	border-top: 1px solid #c83535;
}
.menu{
	list-style: none;
	margin: 0;
	color: #000;
}
.menu li{
	float: left; 
	padding: 0;
	line-height: 1;
	text-align: center;
	color: #000;
}
.menu li a{
	color: #000;
	font-family: 'Roboto', sans-serif;
    padding: 10px 15px;
     font-size:  15px;
     display: inline-block;
      text-decoration:none; 
     -webkit-transition:all .3s ease-in-out;
     -moz-transition:all .3s ease-in-out;
     -ms-transition:all .3s ease-in-out;
     -o-transition:all .3s ease-in-out;
}
.menu li a:hover, .menu li.activo a{
-webkit-box-shadow:0px -4px 0px #c83535 inset;
box-shadow: 0px -4px 0px #c83535 inset;
color: #c83535

}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

			#contenido{
				color: black;
				text-align: center;
			}
			.post{
				display: inline-block;
				margin: 30px 10px;
				width: 300px;
			}
			.post-texto{
				text-align: left;
			}	
		/*}*/

	body,td,th {
	font-family: Roboto, sans-serif;
}
/*formulario*/
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #000000;
    font-family:Arial;
}
form {
	margin:0 auto;
	width:400px;
	color: #999;
}

input, textarea {
    width:380px;
    height:27px;
    background:#FFF;
    border:2px solid #09F;
    padding:5px;
    margin-top:5px;
    font-size:15px;
    color:#000;
}

textarea {
    height:100px;
}

#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	color:#09F;
	  border:2px solid #09F;
}