@import url('content.css');

/**/

body{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #fff; text-decoration: none; margin: 0px; padding: 0px; }

/*ESTRUCTURA*/

#container{ position:absolute; left:50%; top:50%; background-image: url(../img/back_.jpg); height: 615px; width: 1070px; margin-top: -307px; margin-right: 0; margin-bottom: 0; margin-left: -535px; }
#nav{ float: left; width: 1070px; height:30px; margin-top: 75px; }
#center{ float: left; width: 960px; height:346px; margin-top: 29px; margin-left: 49px; }
#footer{ float: left; width: 1020px; height:115px; margin-top: 25px; margin-left: 50px;}

/*BOXES*/
#box1{ float: left; width: 600px; height: 27px; margin-left: 50px; padding-top: 3px; }
#box2{ position:absolute; right:80px; top:75px;}
#box3{ float: right; width: 30px; height: 30px; }
#box4{ float: left; width: 274px; height: 346px; }
#box5{ float: left; width: 540px; margin-left: 9px; height: 346px; position: relative; }
#box6{ float: left; width: 119px; margin-left: 5px; height: 341px; text-align:center; padding:2px 2px 2px 4px; }
#box7{ float: left; width: 121px; height: 21px; margin-top: 50px; }
#box8{ float: right; width: 266px; height: 41px; }
#box9{ float: right; width: 122px; height: 115px; background-color: #FFF; }

/*PAGINA ANTERIOR*/
#box10{ float: left; width: 350px; margin-left: 10px; height: 346px;  background-repeat: no-repeat; background-position: 300px bottom; }
#box10_numero_titulo{ float: left; width: 325px; height: 50px; position: relative; }

.box10_numero_datos{ float: left; width: 300px; font-size: 15px; font-style: italic; margin-bottom: 10px; }
.box10_numero_datos span{ font-size: 10px; color: #0CC; }
.box10_numero_datos p{ color: #999; margin: 0px; padding: 0px; font-size: 10px; }
.title_page{ font-size: 22px; font-style: italic; text-decoration: none; }

/*TIPO DE RAGALO*/
#box11{ float: left; width: 274px; margin-left: 0px; height: 346px; }
#box12{ float: left; width: 230px; margin-left: 20px; height: 346px; }

/*COMPRAR*/
#box13{ float: left; width: 520px; margin-left: 10px; height: 346px;  background-repeat: no-repeat; background-position: right 5px; font-style: italic; font-size: 11px; }
#box13 a{ color:#fff;}
/*CONTACTO*/
#box14{ float: left; width: 254px; margin-left: 0px; height: 346px; }
#box15{ float: left; width: 260px; margin-left: 10px; height: 346px; font-style: italic; font-size: 11px; }
#box15 a{ color:#fff;}

#box16{ float: left; width: 210px; margin-left: 47px; height: 316px; font-style: italic; font-size: 11px; padding:30px 0px 0px 0px;}
#box16 a{ color:#fff;}


/*MENU */
.menuh {position:relative;}
.menuh ul, li { list-style-type: none; }
.menuh ul { margin: 0; padding: 0; }
.menuh li { float: left; }
.menuh a { text-decoration: none; color: #fff; display: block; text-align: center; border-right-style: solid; border-right-color: #6F7072; border-right-width: 1px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; font-style: italic; }
.menuh a#contacto { color: #FBE809; margin-right: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #6F7072; }
.menuh a:hover { color: #FBE809; }

/*MENU VERTICAL*/
#menuv { width: 250px; margin-top: 30px; margin-left: 20px; font-size: 20px; color: #FFF; }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { }
#menuv a { text-decoration: none; color: #FFF; display: block; font-style: italic; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 30px; background-image: url(../img/ico_menuh.gif); background-repeat: no-repeat; background-position: left center; }
#menuv a.activemenu { text-decoration: none; color: #0CC;; display: block; font-style: italic; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 30px; background-image: url(../img/ico_menuh.gif); background-repeat: no-repeat; background-position: left center; }
#menuv a:hover { color: #0CC; }

/*LINKS*/
.link_idioma{ line-height: 30px; text-decoration: none; color: #CCC; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; }
.link_idioma:hover{ color: #F60; text-decoration: none; }
.link_idioma_activo{ line-height: 30px; text-decoration: none; color: #F60; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.link_botones{ line-height: 20px; text-decoration: none; color: #FFF; font-size: 11px; margin-right: 5px; padding-right: 10px; padding-left: 10px; background-color: #666; padding-top: 3px; padding-bottom: 3px; }
.link_botones:hover{ color: #272729; text-decoration: none; background-color: #FEED01; }
.link_siguiente{ line-height: 18px; text-decoration: none; color: #999; font-size: 11px; margin-right: 5px; background-image: url(../img/ico_next.gif); padding-right: 25px; background-position: right top; background-repeat: no-repeat; display: block; height: 28px; }
.link_siguiente:hover{ color: #FC0; text-decoration: none; }
.link_anterior{ line-height: 18px; text-decoration: none; color: #999; font-size: 11px; margin-right: 5px; background-image: url(../img/ico_prev.gif); background-position: left top; background-repeat: no-repeat; display: block; height: 28px; padding-left: 25px; }
.link_anterior:hover{ color: #FC0; text-decoration: none; }
.link_azul{ text-decoration: underline; color: #FC0; font-size: 11px; }
.link_ip{ line-height: 30px; text-decoration: none; color: #999; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.link_general{ text-decoration: none; color: #fff;  }
.link_general:hover{ text-decoration: underline;  }


/*FORMULARIOS*/
.form_size{width: 310px;}


/*TEXTOS*/
.tx_gris_italic{ font-style: italic; color:#CCC; }
.tx_amarillo_italic{ font-style: italic; color: #FC0; }


/*SLIDE HOME*/

#slideshow { position:relative; height:346px; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 346px; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG { height: 346px; display: block; border: 0; margin-bottom: 0px; }

/*SCROLL INTERNAS*/
.scrolling { position: absolute; top: 60px; left: 25px; width: 320px; height: 270px; }
#Scroller-1 { position: absolute; overflow: hidden; width: 320px; height: 270px; }
.Scroller-Container { position: absolute; top: 0px; left: 0px; height: 270px; }
.Scrollbar-Track { width: 11px; height: 330px; position: absolute; top: 10px; left: 340px; background-color: #545557; }
.Scrollbar-Handle { position: absolute; top: 0px; left: 0px; width: 10px; height: 30px; background-image: url(../img/scroll.gif); background-repeat: no-repeat; background-position: bottom; background-color: #545557; cursor: pointer; }
.scrolling2 { position: absolute; top: 30px; left: 300px; width: 220px; height: 300px; }
#Scroller-12 { position: absolute; overflow: hidden; width: 220px; height: 300px;} 
.Scroller-Container2 { position: absolute; top: 0px; left: 0px; height: 300px; width: 200px; }
.Scrollbar-Track2 { width: 11px; height: 300px; position: absolute; top: 30px; left: 520px; background-color: #545557; }
.Scrollbar-Handle2 { position: absolute; top: 2px; left: 1px; width: 10px; height: 30px; background-image: url(../img/scroll.gif); background-repeat: no-repeat; background-position: bottom; background-color: #545557; cursor: pointer; }

.boton_index { display: inline; position: absolute; left: 515px; top: 10px; height: 20px; width: 25px; }
.boton_index2 { display: inline; position: absolute; left: 304px; top: 12px; height: 20px; width: 25px; }