html, body{margin:0;height:100%;background:#f9f9f9 url(../images/background.jpg) repeat-x 0 149px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;color:#888;}
input[type="submit"]{-webkit-appearance:none;}
a{color:#aaa;}
a:hover{color:#fe8429;}
a img{border:none;}
ul{list-style:none;padding:0;margin:0;}
.boxcont{background:#e1e1e1;padding:10px;border-radius:10px;margin-bottom:20px;}
.clear{clear:both;height:1px;width:100%;}
#contenedor{position:relative;height:auto;min-height:100%;margin:auto;width:94%;max-width:920px;}
#logo h1, #logo h3{margin:0;position:absolute;left:5px;top:72px;z-index:3;font-size:14px;line-height:16px;}
#header{position:absolute;left:0;top:0;width:100%;z-index:2;height:197px;}
#header img{margin:20px 0 0 -10px;}
#header form{position:absolute;right:0;top:20px;margin:0;background:url(../images/back-form.png) no-repeat top left;width:339px;height:52px;padding:23px 0 0 23px;}
#header form .input{width:228px;height:18px;background:url(../images/back-input.png) no-repeat;border:none;padding:6px;font-size:16px;line-height:18px;color:#888;outline-style:none;outline-width:0px;}
#header form .buscar{width:77px;height:30px;background:url(../images/back-submit.png) no-repeat;border:none;padding:0;margin:0;margin:0 0 0 -5px;cursor:pointer;}
#header form strong{position:absolute;top:4px;left:24px;font-size:14px;line-height:16px;font-weight:bold;font-style:italic;}
#header form small{font-size:10px;line-height:14px;font-style:italic;}
#header #usuarios{position:absolute;right:0;top:205px;z-index:3;}
#header #separador{background:#fc7b1c;padding:15px 1.1%;position:absolute;bottom:35px;left:0;width:97.8%;height:18px;font-size:16px;line-height:18px;color:#fff;border-radius:6px 6px 0 0;}
#header #separador h2, #header #separador h3{font-size:16px;line-height:18px;margin:0;color:#fff;}
#separador .cont{background:url(../images/bullet.png) no-repeat left center;padding:0 10px;}
#header #separador a{color:#fff;text-decoration:none;}
#separador .cont{height:18px;}
#separador .cont span{position:absolute;top:90px;left:0;color:#888;font-size:12px;line-height:14px;}
#header #separador .cont span a{color:#aaa;text-decoration:underline;}
#header #menu{position:absolute;left:0;bottom:0;width:100%;}
#menu a{padding:10px 10px 10px 10px;font-size:12px;line-height:14px;text-decoration:none;display:block;float:left;border-right:1px solid #fc7b1c;color:#fc7b1c;font-weight:bold;}
#menu .izq{border-left:1px solid #fc7b1c;}
#menu a:hover{background:#fc7b1c;color:#fff;}
#menu a.active{background:#f0f0f0 url(../images/arrow.png) no-repeat center top;color:#fc7b1c;}
#wrapper{padding:240px 0 20px 0;margin:0 auto;}
#left, #fleft{float:right;width:64.1%;}
#left .box, .boxban{position:relative;padding:18px;background:#fff;border:1px solid #a9a9a9;border-radius:4px;}
#left .box p{margin-top:0;}
#left .open{background:url(../images/back-box.png) no-repeat;height:30px;width:100%;}
#left .close{background:url(../images/back-box.png) no-repeat left bottom;height:30px;margin-bottom:20px;width:100%;}
.indice #left .box strong, .indice #right .box strong{font-size:16px;line-height:18px;color:#fc7b1c;margin-bottom:10px;display:block;}
.ico-index{position:absolute;right:-31px;top:10px;}
#right, #fright{float:left;width:32.6%;}
#right .box{background:#f3f2f2;padding:18px;margin-bottom:20px;border:1px solid #dedede;border-radius:6px;}
#right strong.title{background:#fc7b1c;padding:10px 20px 30px 20px;color:#fff;margin-bottom:-20px;font-size:16px;line-height:18px;display:block;border-radius:6px;}
#footer{border-top:1px solid #ccc;background:url(../images/shadow.jpg) no-repeat center top;background-size:100% auto;padding:15px 0;}
#fleft{border-left:1px solid #ccc;margin-bottom:15px;padding-left:14px;}
#fleft ul{display:block;float:left;width:25%;line-height:16px;}
#fleft strong{font-size:14px;line-height:20px;}
#fleft ul li a{text-decoration:none;color:#888;}
#fleft ul li a:hover{color:#fe8429;}
#fright img{margin-left:-2px;}
#footer .clear{text-align:center;padding:15px 0;border-top:1px solid #ccc;}
.banner{position:absolute;top:24px;left:300px;width:234;height:60px;}
.tocs h4{margin:40px 0 8px 0;font-size:14px;line-height:16px;}
.tocs p{margin:0 0 20px 0;}
.tocs p:last-child{margin:0;}
.tocs ul, .tocs ul span{padding-left:10px;display:block;}
.tocs ul{margin-bottom:20px;}
.tocs ul li{margin-top:10px;}
.tocs h1{font-size:20px;line-height:22px;margin:0 0 20px 0;}
@media screen and (min-width:990px){#menu .cont{display:block !important;}
}
@media screen and (max-width:989px) and (min-width:800px){#menu .cont{display:block !important;}
#header form{width:auto;height:auto;padding:0;top:118px;right:4px;z-index:10;background:none;}
#header form strong{left:auto;right:0;top:-34px;}
#header form small{position:absolute;top:-18px;right:0;}
.banner{left:auto;right:0;width:468px;}
}
@media screen and (max-width:799px) and (min-width:600px){#menu .cont{display:block !important;}
#header form{width:auto;height:auto;padding:0;top:118px;right:4px;z-index:10;background:none;}
#header form strong{left:auto;right:0;top:-34px;}
#header form small{position:absolute;top:-18px;right:0;}
.banner{left:auto;right:0;}
#left, #fleft, #right, #fright{float:none;width:100%;}
#fright{padding-left:14px;}
#fleft{padding-bottom:14px;border:none;}
#fleft ul{margin-bottom:20px;}
.ico-index{display:none;}
}
@media screen and (max-width:599px){html, body{background-position:0 182px;}
#header #separador{height:60px;}
#header{height:230px;text-align:center;}
#header form{width:100%;height:auto;padding:0;top:152px;right:0;z-index:10;background:none;}
#header form table{margin:0 auto;}
#header form strong, #header form small{display:none;}
#header form .input{width:200px;}
.banner{display:none;}
#header #usuarios{top:250px;right:0;width:100%;}
#wrapper{padding-top:280px;}
#separador .cont{padding:0;background:none;text-align:center;height:18px;overflow:hidden;}
#left, #fleft, #right, #fright{float:none;width:100%;}
#fright, #fleft{padding-bottom:0;border:none;}
#fleft ul{width:48%;margin-bottom:20px;line-height:30px;}
#menu{background:url(../images/menu.png) no-repeat 0 5px;height:35px;text-align:left;}
#menu .cont{display:none;position:absolute;left:-3%;top:34px;width:106%;background:#f8e000;z-index:20;}
#menu a{float:none;border:none;border-bottom:1px solid #a79073;}
#menu a.active{background:#fc7b1c;color:#fff;}
#menu .izq{border-left:none;}
.ico-index{display:none;}
#logo h1, #logo h3{text-align:center;left:0;width:100%;height:32px overflow:hidden;}
#fleft{padding-left:0;}
#directorio.boxcont{display:none;}
#masbusc{text-align:center;}
.masbuscado a{display:block;padding: 14px;}
}