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



/* Responsive layout */

@media screen and (max-width: 320px) {
	body {width: 300px; margin: 0 auto;}
	#header {width: 100%;}
	#logo {width: 100%; float:none; padding: 20px;}
	#logo img {width: 90%; height: auto;}
	#menu {width: 90%; float: none; padding: 0; margin: 0 auto;}
	#menu a {padding: 1px 1px;}
	#menu ul {padding: 0px; margin: 0px;}
	#menu li {padding: 5px;}
	#contenido {width: 90%; padding: 10px;}
	#contenido img {width: 90%; height: auto; margin: 0 auto;}
	#contenido .col-cuarto { width: 40%; height: auto;}
	#campo {width:100%;}
	#campo img {width:100%; height:auto;}
	#intro, #intro2 {width: 90%; }
	#footer {width: 100%;}
	#footer p {letter-spacing: 0px;}
	#contenido .flexslider {width: 80%; height: auto; margin: 0 auto;}
	#contenido .flexslider slides img {width: 80%; height:auto;}

}

@media only screen and (max-width: 480px){
	body {width: 100%; margin: 0 auto;}
	#header {width: 100%;}
	#logo {width: 100%; float:none; padding: 20px;}
	#logo img {width: 90%; height: auto;}
	#menu {width: 90%; float: none; padding: 0; margin: 0 auto;}
	#menu a {padding: 3px 3px;}
	#menu li {padding: 7px;}
	#menu ul {padding: 0px; margin: 0px;}
	#contenido {width: 90%; padding: 10px;}
	#contenido img {width: 90%; height: auto; margin: 0 auto;}
	#contenido .col-cuarto { width: 40%; height: auto;}
	#campo {width:100%;}
	#campo img {width:100%; height:auto;}
	#intro, #intro2 {width: 90%; }
	#footer {width: 100%;}
	#footer p {letter-spacing: 0px;}
	#contenido .flexslider {width: 80%; height: auto; margin: 0 auto;}
	#contenido .flexslider slides img {width: 80%; height:auto;}

}


@media only screen and (max-width: 768px){
	#header {width: 100%; }
	#logo {width: 100%; float:none; padding: 20px 0 10px 0px;; margin: 0 auto; text-align: center;}
	#menu {width: 90%; float: none; padding: 0; margin: 0 auto;}
	#menu a {padding: 3px 3px;}
	#menu li {padding: 10px;}
	#contenido {width: 95%; padding: 10px;}
	#contenido img {width: 90%; height: auto;}
	#campo {width:100%;}
	#campo img {width:100%; height:auto;}
	#intro, #intro2 {width: 90%; margin: 0 auto; }
	#footer {width: 100%;}
	#footer p {letter-spacing: 0px;}
	#contenido .flexslider {width: 80%; height: auto; margin: 0 auto;}
	#contenido .flexslider slides img {width: 80%; height:auto;}
	
	
}