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

html {background-color:#f2f0ea; color:#404243;  }

body {font-family: Helvetica, Arial, Tahoma, sans-serif; text-align:center; font-size:0.7em; background-image:url(images/head_back.png); background-position:center top; background-repeat:repeat-x; overflow-x:hidden; overflow-y: auto; }

a{text-decoration:none; outline-style:none}
img {border:0}


#wrap {
	background-image:url(images/sidebar_background.png); background-position:left top; background-repeat:repeat-y
	}

#header {text-align:left; overflow:hidden}
#header h1 {float:left}
#header #nav {overflow:hidden; list-style:none; padding:30px 0 0 0;}
#header #nav li {float:left; margin:0 6px 0 0 }
#header #nav li a {display:block; overflow:hidden; float:left; height:31px; color:#909090}

#header #nav li a:hover, #header #nav .active a { background-image:url(images/nav_button_middle.png); background-position:center top; background-repeat:repeat-x}

#header #nav li a .imageButt {display:block; padding:7px 3px 0 3px; float:left}
#header #nav li a .textButt {display:none}
#header #nav li a .textButtFlir {display:block; padding:7px 3px 0 3px; float:left; font-size:1.6em}

#header #nav li  a .but_left {float:left; visibility:hidden}
#header #nav li  a .but_right {float:left; visibility:hidden}

#header #nav li  a:hover .but_left, #header #nav  .active .but_left {float:left; visibility:visible}
#header #nav li  a:hover .but_right, #header #nav   .active .but_right  {float:left; visibility:visible}







#header #subnav {overflow:hidden; list-style:none; padding:0 0 0 35px; background-image:url(images/subnav_left.png); background-position:left top; background-repeat:no-repeat; margin:35px 0 0 0; float:left; height:30px}
#header #subnav li {float:left; color:#cecfcf}
#header #subnav li a {display:block; height:30px; padding:0 10px; color:#cecfcf}

#header #subnav li a span {display:block; padding:7px 0 0 0}

#header #subnav .active a, #header #subnav li a:hover {color:#fff; background-image:url(images/subnav_button.png); background-position:center bottom; background-repeat:repeat-x; background-color:#FFF}



#main {
	position:relative;
	background-image:url(images/sidebar_top_glow.png); background-repeat:no-repeat; background-position:left top
	
	
	} 
	
#main .cornerRound { position:absolute; top:0; left:211px}
	
#sidebar {width:211px; float:left}
#sidebar_top h2 {text-align:left; padding:25px 0 10px 25px; background-image:url(images/sidebar_top_glow.png); background-position:center top; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:normal}

.superTitle_top { color:#f1f1f1; font-size:2.3em; margin:0 0 1px 0}
.superTitle_bottom { color:#9f9e95; font-size:3em}


#sidebar_top ul  {list-style:none; overflow:hidden}
#sidebar_top ul li {float:left; overflow:hidden; width:100%; background-image:url(images/sidebar_top_list_button_bottom.png); background-position:center bottom; background-repeat:no-repeat}
#sidebar_top ul li a {background-image:url(images/sidebar_top_list_button_background.png); background-position:center top; background-repeat:repeat-y; display:block; margin:0 0 1px 0; padding:8px 0}
#sidebar_top ul li a span {display:none}
#sidebar_top ul li a:hover, #sidebar_top ul .active a{ background-image:url(images/sidebar_top_list_button.png); background-position:center center; background-repeat:repeat-y}
#sidebar_top ul li a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

#sidebar_top ul .coleccion1 { background-color:#83e2dd}	
#sidebar_top ul .coleccion2 { background-color:#a39781}
#sidebar_top ul .coleccion3 { background-color:#b2d7eb}

	

#footer { background-color:#414343; color:#909090; background-image:url(images/footer_back.png); background-position:center top; background-repeat:repeat-x} 
#footer ul {list-style:none; background-image:url(images/sidebar_footer_top.png); background-position:left top; background-repeat:no-repeat; overflow:hidden; padding:0 0 0 234px}
#footer ul li {float:left; display:table}
#footer a { color:#909090; display:block; padding:22px 10px }
#footer a:hover,  #footer a:active  { color:#fff} 

#sidebar_top {background-image:url(images/sidebar_top_back.png)}

.findForm ul {list-style:none; overflow:hidden; width:100% }
.findForm ul li{float:left}
#findButton {background-image:url(images/sidebar_search_button.png); width:29px; height:31px; cursor:pointer; border:0}


.findForm #element_1 {background-image:url(images/sidebar_search_field.png); background-position:left top; background-repeat:no-repeat; border:0; height:31px; width:120px; padding:0 0 0 9px; color:#FFF}

.sidebarBlock {margin:15px 0 0 0}
.sidebarBlock h3, ul#menu li a  {padding:0 15px; text-align:left; margin:0 0 10px 10px; color:#a3a3a3; font-size:2.6em; letter-spacing:0em}
ul#menu li ul li a { font-size:1em; margin:0}
ul#menu li ul {margin:0 0 10px 0}

ul#menu li ul .topy {background-image:url(images/sidebar_list_top.png); background-position:center bottom; width:211px; height:10px; margin:0; padding:0}
ul#menu li ul .botty {background-image:url(images/sidebar_list_bottom.png); background-position:center bottom; width:211px; height:10px; margin:0; padding:0}

ul#menu li a:hover { color:#FFF}

.sidebarBlock h3 span {display:none}
.findForm {margin:0 0 0 25px}
ul#menu li a { background-repeat:no-repeat; background-position:bottom center; margin:0 0 0 0; padding:0 0 15px 25px}



.commonList ul {list-style:none; overflow:hidden}
.commonList ul li, ul#menu li ul li {text-align:left; padding:0 0 0 0; background-image:url(images/sidebar_list_button_buttom.png); background-position:center bottom; background-repeat:no-repeat; overflow:hidden}
.commonList ul li a, ul#menu li ul li a { display:block;  padding:4px 0 4px 32px; color:#b4b4b4; background-image:url(images/sidebar_list_button_background.png); background-position:center top; background-repeat:repeat-y; margin:0 0 1px 0}
.commonList ul li a:hover, .commonList ul .active a {color:#FFF}


.starList ul {list-style:none; overflow:hidden}
.starList ul li {text-align:left; padding:0 0 0 0; background-image:url(images/sidebar_list_barside_button_bottom.png); background-position:center bottom; background-repeat:no-repeat; overflow:hidden}
.starList ul li a { display:block;  padding:5px 0 5px 60px; color:#b4b4b4; background-image:url(images/sidebar_list_barside_button.png); background-position:center top; background-repeat:repeat-y; margin:0 0 1px 0}
.starList ul li a:hover, .starList ul .active a {color:#FFF; background-image:url(images/sidebar_list_barside_button_estrella.png); background-position:26px center}


.contents {width:779px;  float:right; text-align:left}/*779*/

.coleccion_listed_head {margin:30px 0 0  30px; position:relative;  overflow:hidden; width:554px; float:left }
.coleccion_listed_head .idImage { width:554px}
.coleccion_listed_head .idImage div { position:absolute; top:212px; left:3px; background-image:url(images/coleccion_pic_bottomBack.png); width:538px; padding:5px}
.coleccion_listed_head .idImage span {display:none}
.coleccion_listed_head .idImage img{ border:#FFF 3px solid;}
.coleccion_listed_head .idImage div img {border:0}

.subcategories {float:right; width:185px;  text-align:left; padding:70px 0 0 0}
 .subcategories h3 {margin:0 0 20px 0; padding:0 0 0 17px; font-size:3.5em;}
 .subcategories ul {list-style:none}
 .subcategories ul .active a, .coleccion_listed_head .subcategories ul li a:hover {background-image:url(images/coleccion_showing_button.png); background-position:left top; background-repeat:no-repeat; color:#FFF}


 .subcategories ul li a {display:block; height:25px; width:151px; color:#434747}
 .subcategories ul li a span {display:block; padding:5px 0 0 25px}

.coleccionListed {overflow:hidden}
.coleccionListed ul {list-style:none; margin:20px 0 0 0; overflow:hidden}
.coleccionListed ul li {float:left; width:171px; height:245px; background-image:url(images/coleccion_list_hr.png); background-repeat:repeat-x; background-position:left bottom; overflow:hidden; margin:0 6px 15px 7px}
.coleccionListed ul li a {display:block; padding:0 0 10px 0; color:#fff; position:relative;}
.coleccionListed ul li a img{ border:#FFF 3px solid; margin:0 0 10px 0}
.coleccionListed ul li a span {padding: 0 10px}
.coleccionListed ul li a .ref { font-size:1.4em; color:#434747; width:100%; float:left}
.coleccionListed ul li a .plus {position:absolute; top:145px; right:3px; border:0 !important; visibility:hidden}
.coleccionListed ul li a:hover .plus {visibility:visible}
.coleccionListed ul li a:hover .ref {color:#FFF}

.coleccionListed h3 {margin:0 30px 10px 30px; font-size:3.4em}
.headSingleProduct {width:752px; float:left}
.headSingleProduct a {position:relative; display:block; width:550px}
.headSingleProduct h2 { font-size:3em; color:#FFF; margin:0 0 20px 0}
.headSingleProduct h2 .ref {width:100%; float:left}
.headSingleProduct h2 .desc { font-family:"Times New Roman", Times, serif; font-size:0.4em; color:#404243; font-style:italic}



.headSingleProduct a img {border:#FFF 3px solid}
.headSingleProduct a .zoomiIcon {border:0; position:absolute; top:170px; right:3px; visibility:hidden}
.headSingleProduct a:hover .zoomiIcon {visibility:visible}

.pageTitle {font-size:4.6em; font-weight:normal; font-family:Arial, Helvetica, sans-serif}

.companyTitle span {display:none}
.companyCols {overflow:hidden; margin:0 0 20px 0}
.companyCols h3 span {display:none}
.companyCols .col1 {width:243px; float:left}
.companyCols .col2 {width:276px; float:left}

.companyCols .col3 {width:259px; float:left; overflow:hidden}

.colText {padding:0 20px 0 30px; font-size:1em; font-family:Arial, Helvetica, sans-serif}
.colText p {margin:0 0 15px 0}
.colText img {border:#FFF 3px solid; margin:0 0 20px 0}


.newsCols {overflow:hidden; margin:0 0 20px 0}
.newsCols .col1 {width:389px; float:left}
.newsCols .col1 h3 {background-image:url(images/newsTitle_left.png); background-position:left top; background-repeat:no-repeat; width:389px; height:123px; text-align:right}
.newsCols h3 span { font-size:3em; color:#4ba5b1; font-weight:normal; display:block; padding:23px 20px 0 0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.05em}
.newsCols a {color:#4a99a4; font-weight:bold}
.newsCols a:hover {color:#5dbbc8}

.newsCols h4 {font-size:1.4em; margin:0 0 20px 0}

.newsCols .col2 { width:389px; float:left}
.newsCols .col2 h3 {background-image:url(images/newsTitle_right.png); background-position:left top; background-repeat:no-repeat; width:389px; height:123px; text-align:right}



.distriTitle {margin:35px 0 10px 30px}

.distriTitle span {display:none}


.distriIndica {overflow:hidden; list-style:none; margin:0 0 0 30px}
.distriIndica li {float:left; background-image:url(images/Distribuidores_arrowBlue.png); background-repeat:no-repeat; background-position:right center; min-height:49px; margin:0 25px 0 0; padding:0 25px 0 0}
.distriIndica li span {font-size:3.7em; color:#9f9e95; font-family:Arial, Helvetica, sans-serif; font-weight:normal}

.distriIndica .removeArrow {margin:0; padding:0; background-image:none}

#distriMethods {float:left}
#distriMethods li { background-position:left top; background-repeat:repeat-y}
#distriMethods li a { position:relative}
#distriMethods li a .indica {position:absolute; right:-7px; visibility:hidden}
#distriMethods li a span {display:none}
#distriMethods #first{height:92px; }
#distriMethods #first a{  width:175px; height:92px; background-image:url(images/Distributors_sidebutton.png); display:block; background-repeat:no-repeat; background-position:left top; float:left}
#distriMethods #second a{  width:175px; height:118px; background-image:url(images/distributor_other_sidebutton.png); display:block; background-repeat:no-repeat; background-position:left top; float:left}



#distriMethods #first a .indica {top:63px}
#distriMethods #second a .indica {top:30px}


#distriMethods li a:hover .indica, #distriMethods li .active .indica  {visibility:visible !important}

#distriMethods #first a:hover, #distriMethods #first .active { background-image:url(images/Distributors_sidebutton_over.png) !important}
#distriMethods #second a:hover, #distriMethods #second .active { background-image:url(images/distributor_other_sidebutton_over.png)}



.distriCols {overflow:hidden; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif}
.distriCols .col1 {  float:left; overflow:hidden; padding:40px 0 0 10px; width:180px;}
.distriCols .col1 ul {list-style:none}
.distriCols .col1 ul li {margin:0 0 10px 0;}
.distriCols .col1 ul li a span {font-size:2.8em}
.distriCols .col1 ul li a { color:#696862; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.distriCols .col1 ul li a:hover, .distriCols .col1 ul .active a {  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.distriCols .col2 { float:left; overflow:hidden; padding:46px 0 0 10px;  width:150px}
.distriCols .col2 ul {list-style:none}
.distriCols .col2 ul li {margin:0 0 10px 0; min-height:24px}
.distriCols .col2 ul li a span {font-size:1.6em}
.distriCols .col2 ul li a { color:#696862; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.distriCols .col2 ul li a:hover, .distriCols .col2 ul .active a {  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}


.distriCols .col3 {width:235px; float:left; overflow:hidden; padding:15px 0 0 15px; color:#9f9e95}
.distriCols .col3 p {margin:0 0 10px 0}
.distriCols .col3 h4 {margin:30px 0 0 0; font-size:1.6em; line-height:1em; color:#706f68}
.distriCols .col3 a {color:#4ba5b1}


.paginatorFloater {width:580px; float:left}
.paginator {list-style:none; overflow:hidden; float:right; margin:0 15px 15px 0}
.paginator li {float:left; background-image:url(images/pagination_pages_background.png); background-repeat:repeat-x; background-position:left top}
.paginator li a span {display:block; padding:10px}
.paginator li a {color:#bdbdbd; display:block; height:31px}
.paginator li a:hover, .paginator .active a {color:#333 !important; font-size:1.5em} 
.paginator li a:hover span, .paginator .active a span {padding:6px 10px 0 10px}

.paginator .clearBack {background:none!important}


.contactoTitle {margin:30px 0 0 30px}
.contactoTitle span {display:none}

.contactoMap {background-image:url(images/contacto_map.png); background-repeat:no-repeat; background-position:left top; width:358px; height:160px; padding:280px 0 0 30px; text-align:center; float:left}
.contactoMap span { float:left; font-family:Arial, Helvetica, sans-serif; line-height:1em}
.contactoMap .direccion { color:#f0eeee; font-size:3.4em; margin:8px 0 5px 0}
.contactoMap .telefono { color:#b1b0a7; font-size:4.8em}
.contactoMap .ciudad { color:#313233; font-size:2em; text-align:right; padding:0 0 0 150px; display:block; margin:0 0 0 0}

.contactoForm {width:391px; overflow:hidden; float:right; margin:40px 0 0 0;}
.contactoForm ul {list-style:none}
.contactoForm ul li {margin:0 0 15px 0; float:left}

.description {font-size:2em; color:#9f9e95; margin:0 0 5px 0}

.element {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#555859; padding:5px; background-position:left top; background-repeat:no-repeat; border:0; height:21px}



#li_1 div .element {background-image:url(images/contacto_field_name.png); width:288px}
#li_2 div .element {background-image:url(images/contacto_field_email.png); width:194px}
#li_3 div .element {background-image:url(images/contacto_field_phone.png); width:106px}
#li_4 div .element {background-image:url(images/contacto_field_country.png); width:154px}
#li_5 div .element {background-image:url(images/contacto_field_company.png); width:154px}
#li_6 div .element {background-image:url(images/contacto_textarea.png); width:398px; height:132px; padding:50px 5px 0 15px}

#li_1 {padding:0 0 0 20px}
#li_2 {padding:0 0 0 20px}
#li_3 {padding:0 0 0 20px}
#li_4 {padding:0 0 0 20px}
#li_5 {padding:0 0 0 20px}





#li_6 {position:relative}
#li_6 label {position:absolute; top:6px; left:20px}
#li_7 {float:right}

.sendContactMessage { background-image:url(images/contacto_enviar.png); background-repeat:no-repeat; width:114px; height:31px; border:0; float:right; cursor:pointer}

.wallpapers {float:left}
#wall1 {height:171px; overflow:hidden}
#wall2 {height:138px; overflow:hidden}

.videos {float:left; width:420px; margin:30px 0 0 20px}
.videos h4 {margin:20px 0 10px 0}
.videos h4 span {display:none}

.showsTitle {margin:30px 0 20px 30px}
.showsTitle span {display:none}

.allPairs {overflow:hidden; margin:0 0 20px 0}

.pair {width:100%; float:left; overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#9f9e95}
.pair a{color:#9f9e95}
.pair a:hover{color:#4ba5b1}
.pair ul {list-style:none; overflow:hidden; margin:0 0 0 30px; background-image:url(images/shows_hr.png); background-position:center top; background-repeat:repeat-x; padding:0 10px}

.pair ul li { width:50%; float:left; padding:15px 0}

.pair ul li .date {font-size:1em}
.pair ul li h3 {font-size:3.6em; font-weight:normal; line-height:1em; margin:5px 0 0 0}
.pair ul li h3 .country {text-transform:uppercase}
.pair ul li h3 .city {font-size:0.8em}
.pair ul li p {color:#4ba5b1; font-size:2.4em; line-height:1em}

.dark ul {background-color:#ece8de}


.alsoSuggest {margin:0 0 0 20px; padding:20px 0 0 0; float:left}
.alsoSuggest h3 {

margin:0 30px 0 0 !important;
}

/*13*/

.webcre {position:absolute; right:15px; bottom:15px; padding:0 !important}

.langs {position:absolute; top:10px; right:10px; list-style:none; }
.langs li {float:left; font-size:1.2em}
.langs li a{ color:#FFF; display:block; padding:2px 3px }
.langs li a:hover {color:#999}

.langs .en {display:none}
.langs .es {display:block}
.langs .fr {display:block}

.ventas {background-image:url(images/bolsa.png); background-repeat:no-repeat; background-position:right top; height:49px; color:#999; position:absolute; top:67px; right:10px}
.ventas span {display:block; padding:10px 50px 0 0;}
.ventas:hover {color:#FFF; background-image:url(images/bolsa_hover.png)}

.langs2 {position:absolute; top:30px; right:10px; list-style:none; }
.langs2 li {float:left; font-size:1.2em}
.langs2 li a{ color:#FFF; display:block; padding:2px 3px }
.langs2 li a:hover {color:#999}

.coleccion_listed_headof {margin:30px 0 0  30px; position:relative;  overflow:hidden; width:761px; float:right }
.coleccion_listed_headof .idImage { width:761px}
.coleccion_listed_headof .idImage span {display:none}
.coleccion_listed_headof .idImage img{ border:#FFF 3px solid;}
.coleccion_listed_headof .idImage div img {border:0}

.coleccionListed2 {width:570px; overflow:hidden; float:left}
.coleccionListed2 ul {list-style:none; margin:20px 0 0 0; overflow:hidden}
.coleccionListed2 ul li {float:left; width:171px; height:245px; background-image:url(images/coleccion_list_hr.png); background-repeat:repeat-x; background-position:left bottom; overflow:hidden; margin:0 6px 15px 7px}
.coleccionListed2 ul li a {display:block; padding:0 0 10px 0; color:#fff; position:relative;}
.coleccionListed2 ul li a img{ border:#FFF 3px solid; margin:0 0 10px 0}
.coleccionListed2 ul li a span {padding: 0 10px}
.coleccionListed2 ul li a .ref { font-size:1.4em; color:#434747; width:100%; float:left}
.coleccionListed2 ul li a .plus {position:absolute; top:145px; right:3px; border:0 !important; visibility:hidden}
.coleccionListed2 ul li a:hover .plus {visibility:visible}
.coleccionListed2 ul li a:hover .ref {color:#FFF}

.subcategories2 {float:left; width:185px;  text-align:right; padding:5px 0 0 0}
 .subcategories2 h3 {margin:0 0 20px 0; padding:0 0 0 17px; font-size:3.5em;}
 .subcategories2 ul {list-style:none}
 .subcategories2 ul .active a, .coleccion_listed_head .subcategories ul li a:hover {background-image:url(images/coleccion_showing_button.png); background-position:left top; background-repeat:no-repeat; color:#FFF}