/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:18px;
	color:#555;
        width:100%;
	background:url(../images/bg.gif) center 0 repeat;
}
/***********************************************************************/
input { border: 1px solid #E3710C; padding: 4px;margin: 0px auto 10px;display: block;border-radius: 4px;}
select{ padding: 3px 6px; border-radius: 4px; border: 1px solid #E3710C; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

h1.titulo { color: #E3710C; margin:20px 10px; font-size: 32px; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 40px; border-bottom:2px dashed #ccc;}
h1.titulo .desc { font-size: 13px;}
.table { margin:10px auto; text-align: left; border:0;}
.table td { padding:3px 6px;}
.botonera { padding:10px 30px; border-top: 1px dashed #ccc; margin-top:10px;}
.botonera .button { margin:0px 5px;}
.nofloat { float: none !important;}
.right { float:right !important;}
.left { float: left !important;}

a {text-decoration:none; cursor:pointer; color: #E3710C;}
a:hover {text-decoration:none;}

a.button, input.button, button.button{
    background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
	background-image:-webkit-gradient(linear, left top, left 80%,color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0.2)));
	background-image:-moz-linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#80ffffff', EndColorStr='#20ffffff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#80ffffff', EndColorStr='#20ffffff')";
	background-color:rgb(228, 113, 12);
	border:2px solid rgb(228, 113, 12);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:1px 30px;
	box-shadow:0px 0px 0px rgb(255, 255, 255);
	-moz-box-shadow:0px 0px 0px rgb(255, 255, 255);
	-webkit-box-shadow:0px 0px 0px rgb(255, 255, 255);
	font-size:14px;
	font-weight:bold;
	color:rgb(51, 51, 51);
	text-shadow:1px 1px 1px rgb(255, 255, 255);
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
 float:right;
}
a.button:hover, input.button:hover, button.button:hover { 
     background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
	background-image:-webkit-gradient(linear, left 25%, left bottom,color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0.2)));
	background-image:-moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#80ffffff', EndColorStr='#20ffffff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#80ffffff', EndColorStr='#20ffffff')";
    cursor: pointer; color:rgb(30,30,30); box-shadow: 1px 1px 2px #fff; }

a.button:active,a.button:focus,input.button:active,input.button:focus,button.button:active,button.button:focus{
    border-width:3px;
    padding:0px 29px;
}

.button.red { background-color: #F6710C}
a.help { font-size: 12px; float:right; margin: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E3710C; }
a:hover.help { font-weight:bold;}

.link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer; color:#ffffff; font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/link.gif) right 5px no-repeat; padding-right:7px; display:inline-block;}
.link:hover {color:#282828; text-decoration:underline;}

.link-1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer; color:#ffffff; font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/link-1.gif) right 5px no-repeat; padding-right:7px; display:inline-block;}
.link-1:hover {text-decoration:none;}

.link-2 { font-family: 'Lato', sans-serif; text-decoration:none; cursor:pointer; color:#ffffff; font-size:12px; line-height:16px; font-weight:900; text-transform:uppercase;  text-shadow:2px 2px 5px #b43b00; background:url(../images/link-2.gif) right 5px no-repeat; padding-right:8px; display:inline;}
.link-2:hover {color:#282828;}

.link-3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer; color:#2b2b2b; font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/link-3.gif) right 5px no-repeat; padding-right:7px; display:inline-block;}
.link-3:hover {color:#868686; text-decoration:underline; background:url(../images/link-3.gif) right bottom no-repeat;}

.link-4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer; color:#2b2b2b; font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/link-4.gif) right 5px no-repeat; padding-right:7px; display:inline-block;}
.link-4:hover {color:#e3710c; text-decoration:underline; background:url(../images/link-4.gif) right bottom no-repeat;}

.link-5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer; color:#e3710c; font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/link-4.gif) right bottom no-repeat; padding-right:7px; display:inline-block;}
.link-5:hover {color:#2b2b2b; text-decoration:underline; background:url(../images/link-4.gif) right 5px no-repeat;}

.color-1 {font-size:20px; line-height:30px; color:#232323; font-weight:300; letter-spacing:-1px;}
.color-1 strong {text-transform:uppercase;}
.color-2 { font-family: 'Lato', sans-serif; font-size:16px; line-height:22px; color:#BABABA; font-weight:600; }
.color-3 {font-size:13px; line-height:18px; color:#0e0e0e; text-decoration:none;}
a.color-3:hover {text-decoration:underline;}
.color-4 {font-size:14px; line-height:20px; color:#868686;}
.color-5 {font-size:12px; line-height:18px; color:#282828;}
.color-6 {font-size:14px; line-height:18px; color:#fff;}
.color-7 {font-size:13px; line-height:18px; color:#e3710c; font-weight:bold; text-decoration:none;}
a.color-7:hover {text-decoration:underline;}
.color-8 { font-family: 'Lato', sans-serif; font-size:16px; line-height:20px; font-weight:900; color:#2b2b2b; text-transform:uppercase; }
.col-1 {color:#fff;}
.col-2 {color:#e06f09;text-shadow:1px 1px 1px #fff;}
.color-9 {font-size:11px; line-height:16px; text-transform:uppercase; color:#868686;}
.color-10 {font-size:14px; line-height:18px; color:#ffffff; font-weight:normal;}
.color-11 {font-size:14px; line-height:18px; color:#000; font-weight:bold;}
.color-12 {font-size:13px; line-height:18px; color:#0e0e0e; font-weight:normal;}
.color-13 {font-size:13px; line-height:18px; color:#0e0e0e; font-weight:bold; text-decoration:none;}
a.color-13:hover {text-decoration:underline;}
h2 { font-family: 'Lato', sans-serif; font-size:30px; line-height:36px; color:#2b2b2b; font-weight:900; text-shadow:1px 1px 1px #fff;}
h3 { font-family: 'Lato', sans-serif; font-size:24px; line-height:30px; color:#2b2b2b; font-weight:900; text-shadow:1px 1px 1px #fff;}

ul {margin:0; padding:0;}
ul.list-1 {list-style-image:none;}
ul.list-1 li a.tit_a { color:#e3710c; font-family: 'Lato', sans-serif; font-size:13px; line-height:20px; font-weight:900; text-transform:uppercase; text-shadow:1px 1px 1px #fff; display:inline-block; cursor:pointer; margin:0px; background-color:transparent; }
ul.list-1 li a.tit_a:hover { background:url(../images/marker-2.gif) 0 5px no-repeat; color:#e3710c; }
ul.list-1 li {border-bottom:#bfbfbf 1px solid;  border-top:#fff 1px solid; padding:4px 0 4px 0;}
ul.list-1 li a, ul.list-1 li input , ul.list-1 li button{font-family: 'Lato', sans-serif; font-size:12px; color:#787878; line-height:20px; font-weight:900; text-transform:uppercase;  padding:0px 0px 0px 11px; text-shadow:1px 1px 1px #fff; display:inline-block; cursor:pointer; margin:0px; background-color:transparent;border: none;display:block;width:100%; text-align:left; }
ul.list-1 li a:hover, ul.list-1 li input:hover,ul.list-1 li button:hover {background:url(../images/marker-1.gif) 0 5px no-repeat; color:#e3710c; }

ul.list-2 {list-style-image:none;}
ul.list-2 li {padding:5px 0 5px 9px; border-bottom:#a1a1a1 1px solid;  border-top:#e1e1e1 1px solid; background:url(../images/marker-2.gif) 0 12px no-repeat; }
ul.list-2 li a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#0e0e0e; line-height:18px;  }
ul.list-2 li a:hover {color:#e3710c; }

ul.list-3 {list-style-image:none;}
ul.list-3 li {padding:5px 0 5px 9px; border-bottom:#bfbfbf 1px solid;  border-top:#fff 1px solid; background:url(../images/marker-2.gif) 0 12px no-repeat; }
ul.list-3 li a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#0e0e0e; line-height:18px;  }
ul.list-3 li a:hover {color:#e3710c; }

.border-top {border-top:none !important; border-bottom:none !important; font-family: 'Lato', sans-serif; font-size:13px; color:#e3710c; line-height:20px; font-weight:900; text-transform:uppercase;  padding:0px 0 0 11px; text-shadow:1px 1px 1px #fff; display:inline-block;}
.border-bottom {border-bottom:none}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.container {width:100%;}
.reg {text-transform:uppercase;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.it {font-style:italic;}
.letter {letter-spacing:-1px;}
.text-und {text-decoration:underline;}
.font_norm {font-weight:normal;}
.font_bold {font-weight:bold; margin-right:0px;}

.line_height {line-height:24px !important;}
.line_height-2 {line-height:18px !important; }
.img-indent {float:left; margin:0 26px 0px 0;}	
.img-indent-2 {float:left; margin:0 11px 0px 0;}	
.last {margin-right:0px !important;}

.border-shadow {  box-shadow: 0 0 5px rgba(218, 218, 218, 1); border:#fff 10px solid;} 

.left-1 {margin-left:30px;}

.right-1 {margin-right:70px;}

.top-1 {margin-top:31px;}
.top-2 {margin-top:35px;}
.top-3 {margin-top:-10px;}
.top-4 {margin-top:52px;}

.bot-1 {padding-bottom:10px;}

.pad-1 {margin:46px 0 40px 0;}

.lightbox-image {position:relative; display:inline-block;}
.lightbox-image img {position:relative; z-index:2;}
.lightbox-image span {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/magnify.png) 50% 50% no-repeat #fff;}

/*********************************header*************************************/
.header {width:100%; background:#fff; height: 152px;}
header {width:950px; margin:0 auto; z-index:99; position:relative;}
.logo {padding:14px 0px 0px 0px; width:216px; float:left; margin-top: 14px}
.nav_sup{ background-color:#ebebeb; text-align: right;}
.nav_sup li { display: inline-block;}
.nav_sup a { color:#E3710C; display: inline-block; font-size:10px;padding: 0px 5px;}
.nav_sup a:hover {color:#fff; background-color:#E3710C}
.header-border { float:right; width:700px; margin-right:3px; }
.header-text {width:510px; padding:14px 0 0 0px; float:left; list-style: none; font-style:italic;}
.header-text p.color-1 {margin: 0px 0 0 0;}
.header-text p.color-2 {margin: 5px 50px 0 10px}
ul.header-text { padding:0; width:inherit; width:520px; float:left; font-style:normal; margin-top:18px; }
.header-text li { display:inline-block; padding: 4px 4px 6px;}
ul.header-text li { margin:0px;}
ul.header-text li a { color:#E3710C; font-family: 'Lato', sans-serif; font-size:13px; line-height:30px;  font-weight:900; text-shadow:1px 1px 1px #fff; text-transform: uppercase; }
ul.header-text li a:hover { color:#787878; border-bottom:2px solid #E3710C;}
ul.sf-menu {float:right; margin:10px 0px 0px 0px; position:relative; z-index:99; width:160px; list-style: none;}
.infohelp { display: block; color:#666; text-align: center;}

/* Formulario de Login */
#acceso {width: 198px;margin: 18px 0 0 6px;}
#acceso #text-acceso span { color:#14268a;}
#titulo-acceso {font-family: 'Lato', sans-serif;font-size: 14px;color: #E3710C;line-height: 20px;font-weight: 900;text-transform: uppercase;padding: 0px 0 0 11px;text-shadow: 1px 1px 1px white;border-bottom: #BFBFBF 1px solid;padding: 4px 0 4px 0;display: block; margin-bottom:10px;}
#dato { font-family: 'Lato', sans-serif;font-size: 13px;color: #787878;line-height: 20px;font-eight: 900;text-transform: uppercase;padding: 0px 0px 0px 11px;text-shadow: 1px 1px 1px white;}
.campo-acceso { border: 1px solid #E3710C;padding: 4px; margin: 0px auto 10px;display:block;width:85%;  border-radius:4px;}
input.botn-entrar { text-decoration: none;display: block;padding:2px 8px;border-radius:4px;width:60%;margin:10px 0px 20px auto;text-align:center;cursor: pointer;background-color:#E06F09; font-family: 'Lato', sans-serif;font-size: 13px;line-height: 20px;color: #fff;font-weight: 900;text-transform: uppercase; box-shadow:1px 1px 1px white;}
input.botn-entrar:hover { box-shadow: 1px 1px 1px #eee;}
#text-acceso {color: #333;padding-top: 10px; font-size:10px;text-align:center; clear: both;}
#menu-acceso { margin: 0px;}
.menu-accesbot {border: none;background:transparent;display:block;width:100%;padding:0; text-align:center; font-size:10px !important; }


/*********************************content*************************************/
#content { margin:0 auto; overflow-y: no-display;}
.header-line.top {background:url(../images/header-line.gif) 0 0 no-repeat #ccc; width:100%; height:5px; box-shadow: 1px 1px 4px #aaa; z-index: 110; position: fixed; background-position: 0px; top:0;}
.header-line {background:url(../images/header-line.gif) 0 0 no-repeat #ccc; width:100%; height:5px; box-shadow: 1px 1px 4px #aaa;}
#bodyFrame .header-line { display:none !important;}
.page-1-col-1 {}
.page-1-col-1 ul.list-1 {width:198px; margin:18px 0 0 6px;}

.banner-1 {background:url(../images/banner-1.jpg) 0 0 no-repeat; border-bottom:#fff 1px solid; border-right:#fff 1px solid; width:199px; height:137px; display:block; position:relative; margin:63px 0 0 0;}
.banner-1:hover .link-2 {color:#282828;}
.banner-1 .link-2 {position:absolute; left:47px; bottom:13px;}

.box-1 {background:url(../images/box-1-bg.gif) 0 0 repeat; border-bottom:#fff 1px solid;  border-right:#fff 1px solid; overflow:hidden; padding:22px 14px 32px 39px;}
.box-1 h3 {padding-bottom:5px;}
.box-1 p.color-3 { border-bottom:#a1a1a1 1px solid;  border-top:#e1e1e1 1px solid; padding:9px 0 7px 0;}
.box-1 p.color-3 strong {font-weight:bold; display:block;}

.page-1-col-1 .box-1 {width:147px; margin:40px 0 0 0;}
.page-1-col-2 {}
.page-1-col-2 p.color-4 {text-align:right; padding:7px 0 12px 0;}

.box-2 {background:url(../images/carousel-bg.gif) 0 0 repeat; width:176px; margin:0 1px 1px 0; position:relative; overflow:hidden; height:228px;}
.box-2 p.color-5 {margin:9px 10px 0 15px;}
.box-2 a.link {margin:-1px 10px 11px 15px;}

.mensaje_logon {
    color: white;
    margin: 40px 10px;
    padding: 10px;
    border-radius: 8px;
    background-color: rgba(200, 200, 200, 0.7);
    font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 900;
color: #2B2B2B;
text-transform: uppercase;
}
.mensaje_logon h1 {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 900;
color: #2B2B2B;
text-transform: uppercase;
width:inherit;
height: inherit;
margin-bottom:10px;
}
.carousel-bottom {background:url(../images/carousel-bottom.gif) 0 0 repeat; height:33px; border-bottom:#fff 1px solid;}

.hover-caption {display:block; position:relative; width:176px; }
.caption-1 {background:#282828; padding:12px 15px 0px 15px; position:absolute; z-index:98; left:0; top:-228px; height:216px; width:146px;}
.caption-1 p.color-6 strong {font-weight:bold; display:block; margin-bottom:9px;}
.caption-1 a.link-1 {margin-top:9px; }

.page-1-col-3 {padding:36px 0 0 0;}
.page-1-col-3 article {float:left; width:186px; padding:0 28px 10px 0; margin-right:26px;}
.line-2 {background:url(../images/line-2.gif) right 0 repeat-y;}
.page-1-col-3 p.color-7 {padding:15px 0 8px 0;}
.page-1-col-3 a.link-3 {float:right; margin-top:9px;}

.page-1-col-4 {margin:29px 0 0 0;}
.page-1-col-4 div { border-bottom:#fff 1px solid; float:left;background:url(../images/box-1-bg.gif) 0 0 repeat; width:599px; padding:15px 0 13px 25px; height:54px; overflow:hidden;}
.page-1-col-4 div p {margin-top:-2px;}
.page-1-col-4 a {display:block; background:url(../images/button-bg.jpg) 0 0 no-repeat; width:82px; height:82px; float:left; margin-left:1px;}
.page-1-col-4 a:hover {background:url(../images/button-bg.jpg) right 0 no-repeat;}

.page-2-col-1 {}
.box-4 {position:relative; margin:17px 0 0 0 ; width:201px; height:397px;}
.comment-corner { background:url(../images/comment-corner.png) 0 bottom no-repeat !important; padding-bottom:26px; margin-bottom:10px}
.comments { background:url(../images/cycle-bg.gif) 0 0 repeat !important; border-right:#fff 1px solid; padding:22px 25px 35px 39px; width:136px;}
.comment-name {text-align:right;}
.page-2-col-2 {}
.page-2-col-2>p.color-3 {padding:13px 0 9px 0;}
.page-2-col-2>p.color-9 {padding-bottom:22px;}
.page-2-col-2 article {float:left;}
.page-2-col-2 article p.color-3 {margin-top:1px;}
.page-2-col-2 article a.link-3 {float:right; margin-top:2px;}
.box-5 {width:333px;}
.box-6 {width:348px; margin-left:27px;}
.line {background:url(../images/line.gif) 0 0 repeat-x; height:2px;}

.page-2-col-3 .box-1 {float:left; margin-right:39px;}
.width-1 {width:147px;}
.width-2 {width:176px;}

.page-3-col-1 ul.list-1 {width:170px; margin:31px 0 0 29px;}
.page-3-col-1 .box-1 {width:147px; margin:53px 0 0 0; padding-bottom:28px;}
.page-3-col-1 .box-1 ul.list-2 {margin:4px 0 0 1px;}

.page-3-col-2 {margin-top:39px; background:url(../images/carousel-bg.gif) 0 0 repeat; width:707px;}
.page-4-col-1 .box-7 {width:147px; margin:39px 0 0 0;}
.box-7 {background:url(../images/box-1-bg.gif) 0 0 repeat; border-bottom:#fff 1px solid;  border-right:#fff 1px solid; overflow:hidden; padding:12px 14px 25px 39px;}
.box-7 p.color-3 { padding:10px 0 8px 0;}
.box-7 p.color-3 strong {font-weight:bold; display:block;}

.banner-2 {background:url(../images/banner-2.jpg) 0 0 no-repeat; border-bottom:#fff 1px solid; border-right:#fff 1px solid; width:199px; height:142px; display:block; margin:53px 0 0 0;}
.page-4-col-2 {padding-bottom:41px;}
.page-4-col-2>p.color-3 {padding:13px 0 9px 0;}
.page-4-col-2>p.color-9 {}

.page-4-col-3 {padding:37px 0 0 0;}
.page-4-col-3 h3 {padding-bottom:10px;}
.page-4-col-3 article {float:left; padding:0 24px 0px 0; margin-right:26px;}
.page-4-col-3 article.last {padding-right:0 !important;}
.page-4-col-3 article a.link-4, .page-4-col-3 article a.link-5 {margin:14px 17px 0 0;}
.width-3 {width:190px;}
.width-4 {width:230px;}
.width-5 {width:190px;}
.page-5-box {float:left; width:250px; margin-right:25px;}
.page-6-col-1 h2 {padding-bottom:13px;}
/****************************footer************************/
#footer {width:960px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:42px;}
#footer>img {float:left; margin:20px 8px 0 10px}
#footer p { float:right; font-size:13px; line-height:18px; color:#868686; font-weight:bold; margin:29px 0 0 8px;}
#footer p strong {margin:0 8px 0 8px;}
#footer p a {font-size:13px; line-height:18px; color:#868686; font-weight:bold; text-decoration:none; margin-right:20px;}
#footer p a:hover {text-decoration:underline;}

.tooltips {width:124px; height:24px; float:left; margin:20px 8px 0 0; text-align:right;}
a.tooltip {margin-left:7px; width:24px; height:24px; display:block; float:left;}
.tooltips a:hover {opacity:.7;}
a.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat;}
a.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat;}
a.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat;}
a.icon-4 {background:url(../images/icon-4.png) 0 0 no-repeat;}
#easyTooltip {font-size:12px; background:#fff; padding:4px 5px; border:1px solid #2d2d2d; color:#2d2d2d;}
/**********************form**********************/
.map {width:590px; height:263px; margin:20px 0 15px 0;}
.map iframe {	
  width:590px;
  height:263px;
}
dl {margin:0 0 0 0px; }
dl dt {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#0e0e0e; font-weight:bold;}
dl dd span { display:inline-block; width:73px; float:left;}
dl dd {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#0e0e0e;}

.input-border {border:#bababa 1px solid; width: 228px; overflow:hidden; display:inline-block;}
.textarea-border {border:#bababa 1px solid; width: 308px; overflow:hidden; float:left;}
#form { margin: 18px 0 0 0px; width:308px; }
#form input {
	border-left:#636363 1px solid;
	border-top:#636363 1px solid;
	background:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#bababa; 
	padding:4px 7px 4px 10px;
    outline: medium none;
    width: 210px;
	height:18px;
	display:inline-block;
	float:left;
}
#form textarea {
	border-left:#636363 1px solid;
	border-top:#636363 1px solid;
	background:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#bababa; 
    height: 212px;
    outline: medium none;
    overflow: auto;
    padding: 4px 0px 0px 10px;
    width: 296px;
	resize:none;
	margin:0px;
	float:left;
}
#form label {
    display:inline-block;
    min-height:40px;
	position:relative;
}
#form .error, #form .empty {
    color: #F00;
    display: none;
    font-size: 10px;
	float:left;
}
#form .success {display:none; margin: 0px !important;}
.btns {
	text-align:right;
	width:308px; 
	position:relative;
	overflow:hidden;
	padding-top:15px;
}
.btns a {
	margin:0px 0 0 20px;
	display:inline-block;
	vertical-align:top;
}
.buscar_uds {
border-radius: 4px;
border: 1px solid #E3710C;
padding: 6px 6px;
width: 130px;
display: inline-block;
vertical-align: middle;
}

a.buscar_con {
border-radius: 4px;
width: 16px;
height:16px;
padding:4px;
display: inline-block;
vertical-align: middle;
background-image: url('../images/filter.png');
background-repeat: no-repeat;
background-position: center center;
}


/*Estilos correctores de Oceano */
.subtitulo2Ayuda14px, .subtituloAyuda12px { font-size:14px; line-height:20px; color:#e3710c; font-weight:900; text-transform:uppercase; font-family: 'Lato', sans-serif; position:relative;}
.subtituloAyuda12px { font-size: 12px; }
.subtitulo2Ayuda14px:hover { text-decoration: underline; }

.buscador { display: block; width:50%; margin:auto; margin-bottom:20px;}
.buscador input[type='text'] { padding:8px 12px; float:left; background-image:url(../images/filter.png); background-position: 95% 50%; background-repeat: no-repeat;}
.buscador a,.buscador input[type='submit'] { float:right;}
.buscador.izq{ width:inherit;}
.buscador.izq a,.buscador.izq input[type='submit'], h1 a.button  { float:right; padding:1px 3px; margin: 5px;}
.buscador.izq a:active,.buscador.izq input[type='submit']:active, h1 a.button:active { padding:0px 2px;}

#bodyFrame .menu_doc { position:static !important;}
 .entera .menu_doc {
top: 15px;
position: static;
margin: 10px;
text-align: right;
}
.menu_doc { position: absolute; top:0; right:0;}
.menu_doc a { font-size: 10px; margin: 0px 5px; display: inline-block;}
.menu_doc img { vertical-align: text-bottom; margin-right:4px;}

.opciones { clear: both; text-align: left;}
.opciones div { padding-left: 10px;}
.opciones input { display: inline-block; vertical-align: middle; margin:0px 4px;}
.opciones label { display:inline-block; margin-right:5px; vertical-align:middle;}
.opciones span { font-weight: bold; color:#e3710c;}

#temas { text-align: center;}
#temas a { display:inline-block; width:40%; margin:10px; border-bottom: white 1px solid; font-size: 16px; text-transform: uppercase;font-family: 'Lato', sans-serif; color:#2B2B2B; text-align:right; background: url(../images/box-1-bg.gif) 0 0 repeat; overflow:hidden; max-height: 82px; position:relative; }
#temas a .img { background-position: top left; background-repeat: no-repeat; position:absolute; top:0;left:0; width:100%; height:60%; z-index: 0; }
#temas a#dic .img { background-image: url(../images/fdo_diccionarios.jpg);} 
#temas a#cla .img { background-image: url(../images/fdo_clasicos.jpg);} 
#temas a#gra .img { background-image: url(../images/fdo_gramatica.jpg);} 
#temas a#cart .img { background-image: url(../images/fdo_cartografia.jpg);} 

#temas a:hover { font-weight: bold; border:2px solid #2B2B2B; margin:8px; margin-bottom:9px; color:#e3710c; }

#temas a span { display:inline-block; vertical-align:middle;margin-right:5px; max-width:220px; z-index: 2; position: absolute;bottom: 8px;right: 90px ;}
#temas a .elegir { display: inline-block;vertical-align:middle; background:url(../images/button-bg.jpg) 0 0 no-repeat; width:82px; height:82px; margin-left:5px; z-index: 2 }
#temas a:hover .elegir {background:url(../images/button-bg.jpg) right 0 no-repeat;}

.arbol_tree table { margin:0px auto; width:50%; min-width:350px; text-transform: uppercase; }
.arbol_tree table a.linkArbolProd { width:100%; display:block; font-family: 'Lato', sans-serif; font-size:13px;
color:#787878; line-height:20px; font-weight:900; text-transform:uppercase;  padding:0px 0px 0px 11px; text-shadow:1px 1px 1px #fff; display:inline-block; cursor:pointer; margin:0px; background-color:transparent;}
.arbol_tree table a:hover.linkArbolProd { background: url(../images/menu-marker.gif) 95% 50% no-repeat;}
.arbol_tree table a.BIG, .arbol_tree table a.marked { color:#e3710c; font-family: 'Lato', sans-serif; line-height:20px; font-weight:900; text-transform:uppercase; text-shadow:1px 1px 1px #fff; display:inline-block; cursor:pointer; margin:0px; background-color:transparent; }
.arbol_tree table a.BIG:hover { color:#e3710c; text-shadow:1px 1px 1px #999;}
.arbol_tree table td { border-bottom:#bfbfbf 1px solid;  border-top:#fff 1px solid; padding:4px 0 4px 0;}

.paginador { padding:4px; border-radius: 8px; border:1px solid #ccc; margin:10px 0px; text-align: center;}

ul.results li { display:block; margin:10px 0px; border-radius:8px;padding:8px;}
ul.results li:hover { background-color:#fff;}
ul.results li .type { float:left; text-align:center; width:20px; margin:0px 6px 0px 4px;}
ul.results li .type input { display:inline-block; margin-top:8px; }
ul.results li .title { float:left;width:88%;font-family: 'Lato', sans-serif;font-size: 14px;line-height: 20px;font-weight: 900;padding: 0px 0px 0px 11px;text-shadow: 1px 1px 1px white;} 
ul.results li .obra { font-size:11px; color:#787878; float:left; max-width:400px;}
ul.results li .rank { float:left; text-align: center;max-width: 100px;}
ul.results li .rank img { vertical-align:middle;}
ul.results li .summary {float:left;width:96%;}
ul.results li .desc { float:left;width:96%;}

.titulo-pricipal { font-weight: bold; color:#e3710c;}
