/*Estilos afae*/
*{margin: 0; padding: 0;}
/*reticula*/
body {background-color: #FFF;}


/*@font-face {
font-family:RotisSansSerifStd;
src:url(../font/RotisSansSerifStd-Light.otf) format(‘opentype’);}*/

/*@font-face {
font-family:RotisSansSerifStd-Light;
src:url(../font/RotisSansSerifStd-Light.ttf) format(‘truetype’);}*/

@font-face {
font-family:RotisSansSerifStd-Light;
src:url(../font/RotisSansSerifStd-Light.woff);}


/*@font-face {
font-family:RotisSansSerifStd-ExtraBold;
src:url(../font/RotisSansSerifStd-ExtraBold.otf) format(‘opentype’);}*/

@font-face {
font-family:RotisSansSerifStd-ExtraBold;
src:url(../font/RotisSansSerifStd-ExtraBold.woff);}

#contenedor{ width:1024px; height:auto; margin:0 auto;}

#head{ width:1024px; height:61.98px; background-color: #fff;}
	#logo{ width:215.53px; height:61.98px; background-color:#FFF; float:left;}
	#fotito{ width:174.471px; height:135px; background-color:none; float:right; clear:both; margin:-539px 0 0 0;}
	#tels{ width:174.471px; height:auto; background-color:#FFF; float:right; clear:both; margin:-389px 0 0 0; font-family:RotisSansSerifStd-Light; font-size:11px; text-align:right;}
#botones{ width:1024px; height:42px; background-color:#FFF;}
#content{ width:85spx; height:42px; float:right;}
#info{ width:634px; height:539px; background-color:#e0e2e4; margin:0px 0px 0px 215px;}
#pie{ width:634px; height:30px; background-color:#FFF; margin:0px 0px 0px 215px; font-size:12px; font-family:"RotisSansSerifStd-Light"; clear:both; text-align:center; padding:15px 0 0 0;}


/*menu*/
#marco {background-color:#bababa; width:634px; height:42px; margin:0px 0px 0px 215px;}
/*Credits: CSSplay */
.preload2 { background: #0b6527;}
.menu2 {padding:0; margin:0; margin:0; list-style:none;  position:relative; font-family:RotisSansSerifStd-Light; }
.menu2 li.top {display:block; float:left; position:relative;  }
.menu2 li a.top_link {display:block; float:left; color:#97c358; text-decoration:none; font-size:12px;  padding: 12px 14px 2px 12px; cursor:pointer;float:left; color:#000; background-color:#bababa; /*background:url(../images/fondoBot.jpg) top left;*/ padding:16px 10px 12px 15px; margin-left:0px}
.menu2 li a.top_link span {float:left; display:block; }
.menu2 li a.top_link span.down {float:left; display:block;/*background:url(prodrop2/down.gif) no-repeat right top;*/ }
.menu2 li a.top_link span.down2 {float:left; display:block; /*background:url(prodrop2/down.gif) no-repeat right top;*/}

.menu2 li a.top_link:hover {color:#fff; text-decoration:none; background:#9c9d9d;}
.menu2 li a.top_link:hover span { text-decoration:none}
.menu2 li a.top_link:hover span.down {text-decoration:none; }

.menu2 li:hover > a.top_link {color:#000;}
.menu2 li:hover > a.top_link span { text-decoration:none}
.menu2 li:hover > a.top_link span.down {text-decoration:none; }


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:300;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:90px; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:6px; top:32px; background: #b4b3b3; /*background:#0b6527;*/ padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal; }
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:92px; margin-bottom:0; }
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:12px; padding:4px 2px; line-height:1; color:#ffffff; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  }
.menu2 :hover ul.sub li a:hover {/*background:#06587e;*/background:#ffffff; color:#b4b4b4;}
.menu2 :hover ul.sub li a.fly:hover {background:#000000}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:92px; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul { background: #ffffff; z-index:300;}

.primero { margin-left:0px; /*background:url(images/bg_btn_primero.jpg) no-repeat top left;*/ padding-left:0px  }

/*::::::::::::::fin menu::::::::::::::::::*/

/*menu opciones*/

#menareas{ width:215px; height:539px; background-color:#fff; margin:-539px 0 0 0;}
.menu3{ margin:0; padding:0; list-style:none; font-size: 11px; font-family:RotisSansSerifStd-Light;}
.menu3 li{}
.menu3 li{ display:block; text-decoration:none;}
.menu3 li a{display:block; width:auto; height:30px; background-color:#FFF; text-decoration:none; color:#000000; text-align:left; padding-top:0px;}
.menu3 li a:hover{ display:block; width:auto; height:30px; background-color:none; text-align:left; background-image:url(../images/pleca.jpg); padding-top:0px;}

/*::::::::::::::fin menu::::::::::::::::::*/

/*menu idiomas*/
#idioma{ width:120px; height:24px; float:right; margin:18px 55px 0 0;}
/*.menu4{ padding:0; margin:0; margin:0; list-style:none;  position:relative; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.menu4 li{}
.menu4 li{ display:block;}
.menu4 li a{display:block;}
.menu4 li a:hover{ display:block;}*/

#idioma ul{padding:0; margin:0; margin:0; list-style-type:none; position:relative; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#idioma ul li{display: inline;}
#idioma ul li a{ display:inline; text-decoration:none; color:#000000;}
#idioma ul li a:hover{ display:inline; text-decoration:none; color:#CCC;}


/*fin menu idiomas*/

p{ padding:25px; font-family:"RotisSansSerifStd-Light"; font-size:13px; text-align:justify;}
#p-aviso{ padding:15px; font-family:"RotisSansSerifStd-Light"; font-size:15px; text-align:center;}
#p-avisotexto{ padding:10px; font-family:"RotisSansSerifStd-Light"; font-size:14px; text-align:justify;}
#info b{ font-size:14px; font-family:"Times";}
#info a{ text-decoration:none; color:#333;}
#info a:hover{ text-decoration:underline;}

#infoAviso{ width:634px; height:auto; background-color:#e0e2e4; margin:0px 0px 0px 215px;}
#fotitoAviso{ width:174.471px; height:135px; background-color:none; float:right; clear:both; margin:-1539px 0 0 0;}
#telsAviso{ width:174.471px; height:auto; background-color:#FFF; float:right; clear:both; margin:-1389px 0 0 0; font-family:RotisSansSerifStd-Light; font-size:11px; text-align:right;}