/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
body {margin: 0px auto; padding: 0px; color:#333333; font-family:Calibri,Helvetica,Verdana,Arial,sans-serif; font-size:18px; line-height:1.2;text-align: justify;height:100%}
#box {background-color:#ffffff ; width: 910px; margin: auto; left: 50%; margin-top:30px;margin-bottom:30px; padding: 20px;border: 1px solid #ae1212 }
.box2 {background:#ae1212 url('../img/home/background.jpg') repeat;position:relative; color:#ffffff; width: 870px; height:172px; padding: 0px 20px 20px 20px;margin-bottom:15px; border: 1px solid #8e0e0e }
.box-right1 {float:right; width:290px;}
.box-right2 {background-color:#e4dfcb ; width: 250px; padding: 20px;margin-bottom:20px;border: 1px solid #911111 }
.box-right2b {background-color:#e4dfcb ; width: 560px; padding: 20px;padding-bottom:0px;margin-bottom:20px;border: 1px solid #911111 }
.box-right3 {background-color:#ae1212 ; color:#ffffff; ; width: 280px;height:144px; padding: 20px;margin-bottom:18px; border: 1px solid #f9e0e0;font-weight:bold }
img {border: 1px solid #333333}
.quinta {margin:10px 0px 0px 0px;color:#ffffff;font-size:200%;font-weight:bold; line-height:125%;}
h1 {margin:15px 0px 0px 70px;text-align:center;color:#ffffff;font-size:200%;font-weight:bold; line-height:125%px;}
h2 {background-color:#ae1212 ;line-height:25px; color:#ffffff; padding: 10px; width: 890px; border: 1px solid #8e0e0e;margin:25px 0px 20px 0px;font-size:100%;font-weight:bold;font-family:Tahoma,Arial,Helvetica }
h3 {color:#ae1212;margin:0px 0px 20px 0px}
.h3 {color:#ae1212;margin:0px 0px 20px 0px;font-size:13px;font-weight:bold;color:#000000}
.heading {background-color:#ae1212 ; color:#ffffff; padding: 10px; width: 580px; border: 1px solid #8e0e0e;margin:20px 0px 6px 0px;font-size:100%;font-weight:bold;font-family:Tahoma,Arial,Helvetica;line-height:25px }
.heading2 {background-color:#ae1212 ; color:#ffffff; padding: 10px; width: 890px; border: 1px solid #8e0e0e;margin:20px 0px 6px 0px;font-size:18px;font-weight:bold;font-family:Tahoma,Arial,Helvetica;text-align:center }
.flag2 {position:absolute; top:10px;right:20px;text-align:right}
.ecopista {margin:20px 0px 0px 0px;color:#ffffff;font-size:24px;font-weight:bold}
.ecopista2 {margin:10px 0px 0px 0px;color:#ffffff;font-size:16px;font-weight:bold;width:200px;text-align:center}
.ecopista3 {margin:20px 0px 0px 0px;color:#ffffff;font-size:18px;font-weight:bold}
.seguinte {position:relative;float:right;margin-right:10px;top:30px;text-align:right;width:200px;color:white}
.box2 a:link, .box2 a:visited, .box2 a:active {color:#ffff66;text-decoration:none;font-weight:bold;}
.box2 a:hover {color:#ffffcc;text-decoration:underline}
.box-right3 a:link, .box-right3 a:visited, .box-right3 a:active {color:#ffff66;text-decoration:none;font-weight:bold;}
.box-right3 a:hover {color:#ffffcc;text-decoration:underline;}
.seguinte a:link, .seguinte a:visited, .seguinte a:active {color:#ffff66;text-decoration:none;font-weight:bold;}
.seguinte a:hover {color:#ffffcc;text-decoration:underline}
a:link, a:visited, a:active {color:#003366;font-weight:bold;font-size:100%}
a:hover {color:#cc3300;font-size:100%}
.clear {clear:both}
td {vertical-align:top;border:1px solid #333333;background-color: #E4DFCB}
.tdwit {border:0px;background-color: #FFFFFF;height:12px}
b {color:#ae1212}
.menu {position:absolute; top:130px;left:0px;width:895px;font-weight:bold;text-align:right;line-height:22px;}
.form-1 {float:left; margin-top:3px; z-index:1;width:150px;background:#e4dfcb; }
.up {position:relative;top:-35px;left:570px;border:0px}
.up2 {position:relative;top:-35px;left:870px;border:0px}
p {text-align:center}
.floatr {float:right}
.floatl {float:left; width:600px}
#slidebackground {float:left;width:570px;height:383px;border: 1px solid #333333}
.form {width: 355px;border: 1px solid #333333;}
.form2 {width:560px;border: 1px solid #333333;padding:20px;background:#e4dfcb;}
.form-1 {float:left; margin-top:3px; z-index:1;width:150px;background:#e4dfcb; }
.form-2 {display:none;}
.textarea {width: 355px;border: 1px solid #333333}
.iframe1 {border: 1px solid #333333;width:600px;height:400px}
#to_nav, .up3 {display: none;}
#nav , #sub3 {display: none;}
#nav ul, #sub3 ul {list-style: none;padding: 5px 0;}
#nav li a ,#sub3 li a {float:left;display: block; padding: 0 10px;text-decoration: underline; font-weight: bold; text-transform: uppercase;font-size:140%;border:none}
#a1 {float:left}
#to_nav2 {display:inline; position: fixed; right: 0px;bottom:0px; margin: 0px;background: green; /* Fallback */ background: hsla(40, 95%, 40%, 0.7); border: solid hsla(80, 90%, 40%, 0.5);padding: 5px;box-shadow: 0 1px 1px black; border-radius: 1em 0em 0em 1em;z-index:100;font-size: 100%;}
.phone {position:relative;top:4px;border:0px;}
.img570a {border:0px}
#nav li a:hover, #nav li a:focus, .clear2, .img320, .img570, .img570a, .img600, .img910, .table, .stop, #a1, #a2, #b1, #b2, #c1, #c2, .floatr2 {}
.menubutton {border:0px;background-color:transparent;font-weight: bold; font-size:16px;color:#ffff00;cursor:pointer;text-align:right;float:right;line-height:180%}
@media handheld, only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
body {text-align:left}
#box {background-color:#ffffff ; width:auto;max-width:567px;margin:0px; padding: 0px 10px 10px;border: 0px; }
.box2 {width:100%;height:auto; padding: 0px;margin-bottom:0px; border: none }
.box-right1 {width:100%;text-align:center;margin-top:15px}
.box-right2 {margin-left:auto ;margin-right:auto}
.box-right2b {width: auto}
.box-right3 {width:auto; height:auto; padding: 10px 20px 10px 20px; border:0px; text-align:left;}
.quinta {margin:10px 0px 20px 10px;font-size:130%;}
h1 {margin:10px 0px 0px;padding-bottom:10px;font-size:130%; line-height:20px;padding:0px 0px 20px}
h2 {width:auto; border: none;font-size:95%;margin-top:20px}
.h3 {line-height: 22px;}
.heading {width: auto;font-size:95%}
.heading2 {width: auto;font-size:95%}
.flag2, .menu, .stop {display:none}
.up {top:-22px;left:90%}
.up2 {top:-22px;left:90%}
.up3 {position:relative;top:5px;left:80%;border:0px}
p {text-align:center}
.floatr {width:100%;max-width:567px;text-align:center;}
.floatl, .table {width:100%;max-width:567px}
#slidebackground {width:100%;max-width:570px;height: auto;background-color:#ae1212 ;border:0px}
.form {width: 90%;}
.form2 {width:auto; margin: 0px;}
.textarea {width: 90%;border: 1px solid #333333}
.iframe1 {width:100%;max-width:567px;height:450px;}
#to_nav, #to_nav2, #div1, #nav {display:inline; position: fixed; right: 10px; margin: 0px;background: green; /* Fallback */ background: hsla(40, 90%, 40%, 0.9); border: solid hsla(80, 90%, 40%, 0.5);padding: 5px;box-shadow: 0 1px 1px black; border-radius: 1em 0em 0em 1em;z-index:100;font-size: 12px;}
#to_nav, #div1 {top: 10px;}
#to_nav2 {bottom:0px; margin-bottom:0px;font-size:100%}
#nav {background:none;}
#nav ul {background: #ae1212;}
#nav li a, #sub3 li a {float:none;padding: 0 20px;color: #ffff66; text-decoration: none;font-size:140%;line-height: 200%;}
#nav li a:hover, #nav li a:focus, #sub3 li a:hover, #sub3 li a:focus {color: #166083;background: #ebebda;}
.clear2 {clear:both}
.img320 {width:99%;;max-width:320px; height: auto;margin-bottom:8px}
.img570, .img570a, .img600, .img910 {width:100%;max-width:570px;height: auto;}
.img570a {margin-bottom:0px;border:1px}
#a1 {border:0px solid #333333;background-color:#ae1212;}
.img250 {width:100%;;max-width:250px; height: auto;margin-bottom:8px}
}
@media only screen and (min-width:568px) and (max-width:750px) {
#box, .menu {width:auto;max-width:750px; }
.box2 {width:100%; padding: 0px;margin-bottom:0px; border: none }
.box-right1 {clear:both}
.box-right3 {background:none; color:#ffffff; ; width: 280px;height:144px; padding: 20px;margin-bottom:0px;}
.box-right3 a {background:#ae1212}
.floatr {max-width:750px;margin:0px 0px 4px;background-color:#ae1212;}
.floatl, .table {max-width:750px}
#slidebackground {width:100%;max-width:750px;height: auto;margin-bottom:10px;background-color:white;border:1px}
.form, .textarea {width: 100%;}
.iframe1 {width:100%;max-width:750px;height:450px;}
.img320 {width:320px;margin-bottom:0px}
.img570, .img570a, .img600, .img910 {max-width:750px;border:1px}
.img570a {margin-bottom:0px}
#a1 {float:none;margin:10px 0px 10px 0px;border:1px;;background:none}
#b1 {position:relative; width:120px; float:left;background-color:#ae1212;z-index:21}
#b2 {display:block; position:relative; margin-right:-200px; color:#000; text-align:left; height:178px}
#c1 {position:relative; width:322px; float:right;background-color:white;z-index:20;border-left:10px solid #ffffff}
#c2 {display:block; position:relative; margin-left:0px; color:#000; text-align:left; }
h1 {font-size: 175%; padding:0px 0px 30px}
.quinta {font-size: 175%}
}
@media only screen and (min-width:751px) and (max-width:954px) {
#box {background-color:#ffffff ; width: auto;max-width:910px; margin: auto; left: 50%;margin:0px; padding: 10px 10px 10px;border: 0px; }
.box2 {width: auto; height:172px; }
.box-right3 {background-color:#ae1212 ; color:#ffffff; ; width: 280px;height:144px; padding: 20px;margin-bottom:0px;; border-bottom:20px solid #ffffff;font-weight:bold }
.menu {width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px);text-indent:65px;}
.floatr {position:relative; width:322px; float:right;z-index:22;padding-left:18px; background: #ffffff;border-left:1px solid #333333}
.floatr2 {display:block; position:relative; margin-left:0px; color:#000; text-align:left; }
.floatl, .heading {width: -moz-calc(100% - 305px); width: -webkit-calc(100% - 305px); width: calc(100% - 305px);}
h2, .heading2, .table, .form2, .heading, .box-right2b {width: auto}
.iframe1 {width:100%}
.img600, .img910 {width: 100%;height:auto}
#to_nav2 {right:10px}
#a1 {position:relative; width:372px; float:left;z-index:21}
#a2 {display:block; position:relative; margin-right:-200px; color:#000; text-align:left;}
.stop {display:none}
}
@media only screen and (min-width:955px) {
html { background: #183221 url('../img/diversos/back.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;height: 100%;}
}