@charset "utf-8";
/* CSS Document */

body{ 
background-image:url(images/body.jpg);
background-repeat:repeat;
font-size:12px;
font-family:arial rounder;
font-weight:lighter;
margin:0 auto;
padding:0;
}

#group {
width:808px;
height:auto;
float:left;
}

#mega_group {
width:1024px;
height:auto;
margin:0 auto;
padding:0;
overflow:hidden;
}

span{
font-size:16px;
font-weight:bold;
}
/************************************anaranjado****************************************/

#header{
	background-repeat:no-repeat;
	width:1024px;
	height:230px;
	margin:0 auto;
	padding:0;
	position:absolute;
	z-index:3;
	overflow:hidden;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
margin:0 auto;
position:absolute;
top:350px;
z-index:-2;
}

#cont_anarajado{
background-image: url(images/bg_con_anaranjado.png);
background-repeat:repeat-y;
width:808px;
height:auto;
/*margin:0 auto;
padding:0;*/
margin-left:65px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_anaranjado{
background-image: url(images/footer_anaranjado.png);
width:892px;
height:71px;
margin-left:66px;
overflow:hidden;
}

#cont{
width:808px;
height:auto;
float:left;
}

#banner{
width:292px;
height:auto;
float:left;
}

.tit_banner{
background-image:url(images/tit_banner.jpg);
background-repeat:no-repeat;
height:25px;
width:292px;
color:#000000;
font-weight:bold;
font-size:14px;
text-align:center;
text-transform:uppercase;
}

.bg_banner{
background-image:url(images/bg_banner.jpg);
background-repeat:repeat-y;
width:252px;
padding-left:20px;
padding-right:20px;
height:auto;
}

.footer_banner{
background-image:url(images/footer_banner.jpg);
background-repeat:no-repeat;
height:17px;
width:292px;
}

#cont p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont h1{
 background-image: url(images/h1.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:16px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
}

#cont h2{
 background-image: url(images/h2.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 padding-left:10px;
 padding-top:10px;
}

#cont h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont ul{
  margin-left:95px;
  margin-right:10px;
}

#cont li {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  list-style-image: url(images/vineta.jpg);
}

#cont img {
 border:#d47003 4px solid;
 margin:5px 15px; 
}

#cont a {
 color:#E58E03;
 font-weight:bold;
 text-decoration: underline;
}

/*****************************************fin anaranjado*********************************/
/*****************************************azul*******************************************/
#header_azul{
background-image: url(images/header_azul.jpg);
background-repeat:no-repeat;
width:1024px;
height:387px;
margin:0 auto;
padding:0;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
padding-left:1px;
margin:0 auto;
}

#cont_azul{
background-image: url(images/bg_cont_azul.png);
background-repeat:repeat-y;
width:808px;
height:auto;
margin-left:65px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_azul{
background-image: url(images/footer_azul.png);
width:892px;
height:71px;
margin-left:65px;
overflow:hidden;
}

#news{
width:663px;
height:auto;
float:left;
padding-left:70px;
}

.top_noticias{
background-image:url(images/top_noticias2.png);
background-repeat:no-repeat;
width:664px;
height:83px;
float:left;
}

.middle_noticias{
background-image:url(images/middle_noticias.jpg);
background-repeat:repeat-y;
width:663px;
height:auto;
float:left;
}

.bottom_noticias{
background-image:url(images/bottom_noticias.jpg);
background-repeat:repeat-y;
height:21px;
width:663px;
margin-bottom:10px;
float:left;
}

.area_titulo{
width:300px;
height:23px;
float:right;
padding-top:15px;
padding-right:10px;
}

#cont_azul .area_titulo a{
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.area_fecha{
width:116px;
height:23px;
float:right;
padding-left:20px;
font-size:14px;
padding-top:30px;
color:#FFFFFF;
}

.area_cont{
width:426px;
height:auto;
padding:10px;
float:right;
}

.area_photo{
width:215px;
height:auto;
float:left;
margin-top:-35px;
text-align:center;
}

#cont_azul p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont_azul h1{
 background-image: url(images/h1_celeste.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:14px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
}

#cont_azul h2{
 background-image: url(images/h2_celeste.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 padding-left:10px;
}

#cont_azul h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont_azul ul{
  margin-left:95px;
  margin-right:10px;
}

#cont_azul li {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  list-style-image: url(images/vineta.jpg);
}

#cont_azul img {
 border:#d47003 4px solid;
 margin:5px 15px 25px 15px; 
}

#cont_azul a {
 color:#E58E03;
 font-weight:bold;
 text-decoration: underline;
}
/*****************************************fin azul********************************/
/*****************************************amarillo*********************************/
#header_amarillo{
background-image: url(images/header_amarillo.jpg);
background-repeat:no-repeat;
width:1024px;
height:387px;
margin:0 auto;
padding:0;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
padding-left:1px;
margin:0 auto;
}

#cont_amarillo{
background-image: url(images/bg_amarillo.png);
background-repeat:repeat-y;
width:808px;
height:auto;
margin-left:63px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_amarillo{
background-image: url(images/footer_amarillo.png);
width:892px;
height:71px;
margin-left:64px;
overflow:hidden;
}

#top_contact{ 
background-image: url(images/top_contact.jpg);
background-repeat:no-repeat;
width:645px;
height:22px;
padding:0;
margin:0 auto;
}

#middle_contact{ 
background-image:url(images/middle_contact.jpg);
background-repeat:repeat-y;
width:645px;
height:auto;
padding:0;
margin:0 auto;
}

#bottom_contact{ 
background-image: url(images/bottom_contact.jpg);
background-repeat:no-repeat;
width:645px;
height:29px;
margin-left:82px;
margin-top:-17px;
}

/******************contactenos***************/
#area_texto input{
font-family:"Arial";
font-size: 11px;
color: rgb(66, 66, 66);
font-weight: normal;
background-image: url(images/bg_input.jpg);
background-repeat: repeat-x;
height: 24px;
padding-top: 1px;
padding-left: 0px;
float: left;
border:0;
/*margin-left:15px;*/
}

#middle_contact .textbox_izq {
	background: url(images/lado_izq.jpg) ;
	width:14px;
	height:24px;
    background-repeat: no-repeat;
    float: left;
}

#middle_contact .textbox_der {
	background: url(images/lado_der.jpg);
	width:14px;
	height:24px;
    background-repeat: no-repeat;
    float: left;
}

#middle_contact textarea{
	background-color:#f8eec9;
	Border:#ecc092 solid 2px;
	font-size: 11px;
	}
	
/******************************fin contactenos*****************/

#cont_amarillo p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont_amarillo h1{
 background-image: url(images/h1.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:16px;
 margin-left:-29px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
}

#cont_amarillo h2{
 background-image: url(images/h2.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 margin-left:-29px;
 padding-left:10px;
 padding-top:10px;
}

#cont_amarillo h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont_amarillo ul{
  margin-left:95px;
  margin-right:10px;
}

#cont_amarillo li {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  list-style-image: url(images/vineta.jpg);
}

#cont_amarillo img {
 border:#d47003 4px solid;
 margin:5px 15px; 
}

#cont_amarillo a {
 color:#000000;
 font-weight:bold;
 text-decoration: underline;
}
/**************************************fin amarillo****************************************/
/**************************************celeste*********************************************/
#header_celeste{
background-image: url(images/header_celeste.jpg);
background-repeat:no-repeat;
width:1024px;
height:387px;
margin:0 auto;
padding:0;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
padding-left:1px;
margin:0 auto;
}

#cont_celeste{
background-image: url(images/bg_celeste.png);
background-repeat:repeat-y;
width:808px;
height:auto;
margin-left:65px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_celeste{
background-image: url(images/footer_celeste.png);
width:892px;
height:71px;
margin-left:66px;
overflow:hidden;
}

#cont_cel{
width:480px;
height:auto;
float:left;
}

#foto_cel{
background-image: url(images/foto_producto.jpg);
background-repeat:repeat-y;
width:302px;
text-align:center;
height:276px;
padding-top:25px;
float:left;
}

.download_title{
background-color:#0095ef;
color:#ffffff;
}

#cont_celeste p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont_celeste h1{
 background-image: url(images/h1_celeste.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:14px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
 margin-left:-30px;
}

#cont_celeste h2{
 background-image: url(images/h2_celeste.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 padding-left:10px;
 padding-top:0px;
margin-left:-29px;
}

#cont_celeste h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont_celeste h4{
 background-color:#2280d6;
 background-repeat:no-repeat;
 height:25px;
}

#cont_celeste h4 a{
 color:#ffffff;
 font-size:16px;
 text-transform:uppercase;
 font-weight:bold;
}

#cont_cel ul{
  margin-left:95px;
  margin-right:10px;
}

#cont_cel li {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  list-style-image: url(images/vineta.jpg);
}

#catalog_box img {
 border:#fdad0e 4px solid;
 margin:5px 15px; 
}

#catalog_box a {
 color:#000000;
 font-weight:bold;
 text-decoration: underline;
}

#catalog_box{
width:750px;
margin:0 auto;
}

#catalog_box input{
background-color:#fff0c5;
border:#d97703 2px solid;
color:#000;
}
/*********************************************fin celeste***********************************************************/
/**************************************verde*********************************************/
#header_verde{
background-image: url(images/header_verde.jpg);
background-repeat:no-repeat;
width:1024px;
height:387px;
margin:0 auto;
padding:0;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
padding-left:1px;
margin:0 auto;
}

#cont_verde{
background-image: url(images/bg_verde.png);
background-repeat:repeat-y;
width:808px;
height:auto;
margin-left:65px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_verde{
background-image: url(images/footer_verde.jpg);
width:1024px;
height:75px;
margin-left:-2px;
overflow:hidden;
}

.tbl_catalog{
width:808px;
}

#product{
width:384px;
height:auto;
float:left;
margin-left:-25px;
padding-left:20px;
}

.top_product{
background-image: url(images/top_producto.jpg);
background-repeat:no-repeat;
width:365px;
height:35px;
float:left;
}

.middle_product{
background-image: url(images/middle_producto.jpg);
background-repeat:repeat-y;
width:365px;
height:auto;
float:left;
}

.bottom_product{
background-image: url(images/bottom_producto.jpg);
background-repeat:no-repeat;
height:26px;
width:365px;
margin-bottom:10px;
float:left;
}

.area_titulo_product{
width:240px;
height:25px;
float:right;
padding-top:4px;
padding-left:10px;
}

.area_titulo_product a{
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.area_cont_product{
width:230px;
height:auto;
padding:10px;
float:right;
}

.area_photo_product{
width:115px;
height:auto;
float:left;
padding-left:-10px;
}

#cont_verde p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont_verde h1{
 background-image: url(images/h1.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:16px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
}

#cont_verde h2{
 background-image: url(images/h2.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 padding-left:10px;
 padding-top:10px;
}

#cont_verde h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont_verde ul{
  margin-left:95px;
  margin-right:10px;
}

#cont_verde li {
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  list-style-image: url(images/vineta.jpg);
}

#cont_verde img {
 border:#ffffff 4px solid;
margin:5px 4px; 
}

#cont_verde a {
 color:#000000;
 font-weight:bold;
 text-decoration: underline;
}
/*********************************************fin verde***********************************************************/
/**************************************doble_azul*********************************************/
#header_doble_azul{
background-image: url(images/header_doble_azul.jpg);
background-repeat:no-repeat;
width:1024px;
height:387px;
margin:0 auto;
padding:0;
}

#group_doble_azul{
width:800px;
height:auto;
float:left;
padding:5px;
margin-bottom:10px;
}

#wrapper{
width:1024px;
height:auto;
padding:0;
padding-left:1px;
margin:0 auto;
}

#cont_doble_azul{
background-image: url(images/bg_doble_azul2.png);
background-repeat:repeat-y;
width:808px;
height:auto;
margin-left:63px;
padding-top:40px;
overflow:hidden;
padding-left:42px;
padding-right:42px;
}

#footer_doble_azul{
background-image: url(images/footer_doble_azul2.png);
background-repeat:no-repeat;
width:892px;
height:71px;
margin-left:63px;
overflow:hidden;
}

#categoria{
width:266px;
height:auto;
float:left;
}

.area_fotos_cat{
background-image:url(images/area_fotos_cat2.jpg);
background-repeat:no-repeat;
width:242px;
height:130px;
margin:0 auto;
padding:0;
}

.linea_azul{
background-image:url(images/linea_azul_cat2.jpg);
background-repeat:repeat-y;
width:198px;
height:auto;
color:#FFFFFF;
text-align:center;
margin:0 auto;
padding:0;
}

.linea_celeste{
background-image:url(images/linea_celeste_cat2.jpg);
background-repeat:repeat-y;
width:198px;
height:auto;
color:#FFFFFF;
text-align:center;
margin:0 auto;
padding:0;
}


.footer_cat{
background-image:url(images/footer_cat2.jpg);
background-repeat:no-repeat;
width:198px;
height:14px;
margin:0 auto;
padding:0;
}

#cont_doble_azul p{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 margin-left:25px;
 margin-right:25px;
}

#cont_doble_azul h1{
 background-image: url(images/h1.jpg);
 background-repeat:no-repeat;
 color:#ffffff;
 width:430px;
 height:25px;
 font-size:16px;
 text-transform:uppercase;
 padding-left:20px;
 padding-top:5px;
 font-weight:bold;
}

#cont_doble_azul h2{
 background-image: url(images/h2.jpg);
 background-repeat:no-repeat;
 width:355px;
 height:29px;
 color:#000000;
 font-size:18px;
 padding-left:10px;
 padding-top:10px;
}

#cont_doble_azul h3{
 color:#000000;
 font-size:14px;
 text-align:justify;
 overflow:hidden;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
}

#cont_doble_azul ul{
  margin-left:95px;
  margin-right:10px;
}

#cont_doble_azul li {
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  list-style-image: url(images/vineta_cat.png);
}

#cont_doble_azul img {
 border:#FFFFFF 4px solid;
 margin:5px 15px; 
}

#cont_doble_azul a {
 color:#FFFFFF;
 font-weight:bold;
 text-decoration: underline;
}
/*********************************************fin doble_azul***********************************************************/

#str{
margin-left:20px;
background-color:#f8eec9;
border:2px solid #ecc092;
}

#buscar{
background-color:#F7B602;
border:2px solid #ecc092;
color:#ffffff;
}

.backboletin{
margin-left:25px;
}

.catalog_show_cart input{
margin-left:20px;
margin-right:10px;
background-color:#fff0c5;
border:2px solid #dc7c04;
}

#cont_amarillo .historia{
text-align:center;
width:700px;
height:auto;
margin:0 auto;
background-color:#ffa713;
overflow:hidden;
}

#cont_amarillo.historia a{
color:#ffffff;
font-weight:bold;
font-size:16px;
text-decoration:none;
}

/********************header****************/
/* Breite beschränken */
div.limiter {
background-image: url(fondo.png);
background-repeat:no-repeat;
background-position:center;
	width: 1024px;
        margin-top:125px;
        z-index:1;
        position:absolute;
overflow:hidden;
       
}


/* Listen */
#portfolio{
width:891px;
height:181px;
margin-left:63px;
list-style-type:none;
}

ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	margin-top:25px;
	padding: 4px;
	list-style-type:none;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}

.title_me{
margin-top:-115px;
}

.title_me h4{
color:#ffffff;
font-size:20px;
text-align:center;
margin-top:25px;
}
/********************categorias dentro de productos***************************************/
#presentaciones{
height:500px;
margin:0;
position:relative;
top:-50px;
left:350px;
}

.presentacion_footer{
height:10px;
clear:both;
float:right;
}


.presentacion_item{
width:108px;
height:50px;
padding-top:34px;
text-align:center;
color:white;
font-weight:bold;
font-size:12px;
}


#precio{
background-image:url(images/precio.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
}