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

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

*{margin:0; padding:0;}

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-image:url(images/fondo.jpg); background-attachment: fixed;}

p {font-family: 'PT Sans', sans-serif, Tahoma; font-size:14px; color:#FFF; line-height:14px;}
p a {font-family: 'PT Sans', sans-serif, Tahoma; font-size:14px; color:#FFF; text-decoration:none; font-weight:400;}
p a:hover{color:#9CEDF5;}
#dedicar p {font-size:16px; line-height:20px;}
#cuadros p {color:#000;}
#cuadros p a {color:#000;}
#cuadros p a:hover {color:#024f71;}
#cuadros2 p {color:#000;}
#cuadros2 p a {color:#000;}
#cuadros2 p a:hover {color:#024f71;}
h1 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:24px; color:#FFF; font-weight:400; line-height:24px;}
h2 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:18px; color:#FFF; font-weight:400; line-height:18px;}
h2 a {font-family: 'PT Sans', sans-serif, Tahoma; font-size:18px; color:#FFF; font-weight:400; text-decoration:none;}
h2 a:hover {color:#9CEDF5;}
h3 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:36px; color:#FFF; font-weight:700; line-height:36px;}
h4 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:18px; color:#000; font-weight:700; text-align:center; line-height:0px;}
h5 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:16px; color:#000; font-weight:400; text-align:center; height:35px;}
h6 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:18px; color:#FFF; font-weight:400;}
.azul1 {background-color:#03638d;}
.azul2 {background-color:#024f71;}
.azul3 {background-color:#043e58;}
.clear {clear:both;}

#contenedor {max-width:1400px; height:auto; background-color:#008dca; margin-left:auto; margin-right:auto;}
#top {width:100%; background-color:#054c6b;}
#top img {width:100%; max-width:1400px; max-height:356px;}
#dedicar {width:100%; height:auto; padding-top:10px; padding-bottom:10px; text-align:center;}
#dedicar2 {width:98%; height:auto; padding:1%;}
#cuadros {width:96%; background-color:#FFF; border:3px solid #FFF; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; margin-left:2%; margin-right:2%; text-align:center;}
#cuadros img {width:100%; max-width:440px; max-height:326px;}
#cuadros2 {width:96%; background-color:#FFF; border:3px solid #FFF; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; margin-left:2%; margin-right:2%; text-align:center;}
#cuadros2 img {width:100%; max-width:440px; max-height:326px;}
#pie {width:100%; padding-top:10px; padding-bottom:10px; background-color:#054c6b; text-align:center;}
#pie2 {width:98%; padding:1%; background-color:#022737; text-align:right;}
#pie2 p {color:#FFF;}
#pie2 p a {color:#FFF;}
#pie2 p a:hover{color:#9CEDF5;}
#titulo {width:97%; padding-left:3%; margin-top:15px; padding-top:5px; padding-bottom:5px;}
#contenido {width:94%; padding-left:3%; padding-right:3%; margin-top:15px; margin-bottom:15px;}
#cuadros_prod {width:96%; background-color:#FFF; border:3px solid #024f71; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; margin-left:2%; margin-right:2%;}
#cuadros_prod img {width:100%; max-width:360px; max-height:360px;}
#cuadros_reciclado {width:96%; margin-left:2%; margin-right:2%;}
#cuadros_reciclado img {width:100%; max-width:300px; max-height:225px; border:3px solid #024f71; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px;}
#izq-home {width:100%;}
#der-home {width:100%;}
#der-home p {color:#FFF; font-size:16px; line-height:24px;}
#der-home p a {color:#FFF; font-size:16px;}
#der-home p a:hover{color:#9CEDF5;}
label {display:block; text-align:left; font-family: 'PT Sans', sans-serif, Tahoma;  font-weight:400; font-size: 14px; color:#FFF; padding-bottom:5px;}
input {width:98%; margin-bottom:10px; height:25px; background-color:#FFF; border:1px solid #a9a9a9;}
select {width:98%; margin-bottom:10px; height:25px; background-color:#FFF; border:1px solid #a9a9a9;}
textarea {width:98%; margin-bottom:10px; background-color:#FFF;}
.btnsubmit {width:150px; height:35px; border:none; background-color:#022737; color:#FFF; cursor:pointer;}

@media screen and (min-width:26.875em){
#cuadros_prod {width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
#cuadros_reciclado {width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
}

@media screen and (min-width:50em){
#cuadros {width:32.7%; float:left; margin-left:0; margin-right:0.625%;}
#cuadros2 {width:32.7%; float:left; margin-left:0; margin-right:0;}    
}

@media screen and (min-width:57em){
#cuadros_prod {width:24%;}
#cuadros_reciclado {width:24%;}
#izq-home {width:50%; float:left;}
#der-home {width:46%; padding-left:4%; float:left;}
}

@media screen and (min-width:62.5em){
h1 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:30px; color:#FFF; font-weight:400; line-height:30px;}
h2 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:24px; color:#FFF; font-weight:400; }
h2 a {font-size:24px;}
h3 {font-family: 'PT Sans', sans-serif, Tahoma; font-size:50px; color:#FFF; font-weight:700; line-height:20px;}
}