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

body {
margin: 20px 0px 0px 0px;
background-image:url(../img/bck.png);
background-repeat:repeat;
text-align:center;
}

#content {
max-width:900px;
height:508px;
width:auto;
margin:0 auto;
background-image:url(../img/bck_content.jpg);
background-repeat:no-repeat;
text-align:left;
}

#menu {
max-width:900px;
height:150px;
width:auto;
text-align:left;
}

#menu_1 {
max-width:900px;
height:69px;
width:auto;
text-align:left;
padding-top:55px;
padding-left:69px;
}

#menu_1 a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#928403;
text-decoration:none;
padding-right:33px;
}

#menu_1 a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFCC00;
text-decoration:none;
padding-right:33px;
}

#menu_1 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#928403;
text-decoration:none;
padding-right:33px;
}

#menu_2 {
max-width:900px;
height:26px;
width:auto;
text-align:right;
background-image:url(../img/bck_menu2.png);
background-repeat:no-repeat;
padding-top:4px;
padding-right:15px;
}

#menu_2 a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
padding-right:3px;
padding-left:3px;
}

#menu_2 a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
padding-right:3px;
padding-left:3px;
}

#menu_2 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
padding-right:3px;
padding-left:3px;
}

#scroll {
max-width:900px;
height:230px;
width:auto;
background-image:url(../img/bck_scroll.jpg);
background-repeat:no-repeat;
text-align:center;
padding-left:15px;
}

#logos {
max-width:900px;
height:65px;
margin-top:50px;
text-align:left;
}

#footer {
max-width:900px;
height:92px;
width:auto;
margin:0 auto;
background-color:#000000;
text-align:left;
padding-top:20px;
}

#copy {
width:40%;
margin:0 auto;
float:left;
padding-left:15px;
}

#social {
width:40%;
margin:0 auto;
float:right;
padding-top:15px;
text-align:right;
}

.jump {
background-color:#FFFFFF;
width:320px;
height:18px;
border: 1px solid #CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}

/*CARRUSEL*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 860px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*AUDIO Y VIDE0*/

#content_av {
max-width:990px;
height:534px;
width:auto;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
}

#top_av {
max-width:990px;
height:54px;
width:auto;
text-align:right;
background-color:#000000;
}

#med_av {
max-width:990px;
height:480px;
width:auto;
text-align:left;
background-color:#CCCCCC;
}

#foot_av {
max-width:990px;
height:40px;
width:auto;
margin:0 auto;
background-color:#000000;
text-align:center;
}


#foot_av .jump {
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
background-color:#000000;
border: 1px dotted #666666;
}




/*CARRUSEL_2*/

.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 990px; /*Width of Carousel Viewer itself*/
height: 480px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 990px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*CATALOGO*/

#cat {
max-width:990px;
width:auto;
margin:0 auto;
text-align:left;
background-image:url(../img/bck_cats.jpg);
background-repeat:repeat-y;
}

#menu_cat {
width:100%;
height:50px;
padding-top:5px;
background-color:#000000;
background-image:url(../img/bck_menu_cat.jpg);
background-repeat:no-repeat;
}

#menu_cat a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}

#menu_cat a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}

#menu_cat a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}


#header_cat {
width:100%;
height:225px;
background-color:#CCCCCC;
}

#left_cat {
width:280px;
float:left;
min-height:600px;
}

#jump_cat {
width:705px;
height:30px;
float:right;
border-bottom: 1px dotted #CCCCCC;
text-align:right;
}

#jump_cat a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}

#jump_cat a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}

#jump_cat a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
padding-right:3px;
padding-left:3px;
padding-top:5px;
}

#cont_cat {
width:705px;
float:right;
min-height:600px;
}

#foot_cat {
width:100%;
height:105px;
clear:both;
background-color:#000000;
}

#cont {
width:95%;
padding:8px;
}

#prods a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#748888;
text-decoration:none;
}

#prods a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#748888;
text-decoration:none;
}

#prods a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#748888;
text-decoration:none;
}



#contacto {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:left;
padding:10px;
height:380px;
background-color:#FFFFFF;
}





/*TEXTOS*/

.txt {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
text-align:left;
}




.txtfooter {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
text-align:left;
padding:5px;
}

.txtfooterdest {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777100;
font-size:12px;
text-align:left;
padding:5px;
}

.destacado_cat {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#D801D8;
text-align:left;
}


.left_cat {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
text-align:left;
}


.titulos_cat {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#748888;
text-align:left;
font-weight:bolder;
}

.titulos_cat2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#999966;
text-align:left;
font-weight:bolder;
}


/*estilo contacto*/



#box { padding:2em 0; }
.box, #response {padding:5px;}



#box p { margin:0; padding:0;}

#box ul { margin:0; padding:0; list-style-type:none;}
#box li { margin:0 0 0.3em 0; padding:0 0 0 8px; background:transparent url(/clientes/iwc/imagenes/square.gif) no-repeat left 4px; }

#box a { color:#1a62db; text-decoration:none;}
#box a:hover { color:#1b1b1b; }

form { margin:0;  }
fieldset { margin:0; padding:0; border:none;}
legend { padding-bottom:0.4em; font-size: 1.5em; padding-left:20px; color:#1a62db; }

form div { padding: 1em 0; background:#f7f7f7; border-top:none; }
form div.button { border-bottom:none; }
label {float: left; width: 30%; line-height: 100%; padding-right:1em; text-align:right; } 
input { width:60%;  border:solid 1px #CCCCCC; padding:2px;font-size:12px; height:15px; background-color:#DDDDDD;} 
textarea { overflow:auto; border:solid 1px #CCCCCC; font-family:Arial,Helvetica,sans-serif;font-size:1em; width:60%;  border:none; padding:5px; height:30px; background-color:#DDDDDD;}
.button input { border:none; margin-left:31%; font-size:1.1em; color:#1a62db; background:none; padding:0 4px; cursor:pointer; width:auto;}

.hoverfocus { border:1px dashed #FF3300;}
#error { margin-left:31%; padding-top:1em; }
#working { margin-left:31%; padding:2em 0 2em 40px; background:url(/clientes/iwc/imagenes/ajax-loader.gif) no-repeat left center;}

#box span { color:#1a62db;}