/* CSS Document */

/*general */

body { background:#0f0f0f url(images/background.png) top repeat-x; margin:10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

input { font-family: "Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif; color:#91b401; text-transform:uppercase; } 

h1 { font-size:16px;}
h2 { font-size:14px;}
h3 { font-size:13px;}
h4 { font-size:12px;}
h5 { font-size:12px; font-weight:normal; }
h6 { font-size:11px; font-weight:normal;}

p { font-size:10px; font-family:Arial, Helvetica, sans-serif; }

a { color:#91b401; text-decoration:none; }

form { margin:0 auto; padding:0; }

a img { border:0 none; }

.clear { clear:both; }

*body form { text-align:center; }

#wrapper { width:970px; margin:0 auto; background-color:#FFFFFF; *text-align:left; }

#header { background: url(images/header_background.png) top no-repeat; padding:40px 40px 0; }

#content { background-color:#FFFFFF; padding:0 40px; }

#footer { background:url(images/footer_background.png) bottom no-repeat; padding:0 40px 10px; }

/* Header */

.info { width: 100%; height:110px; }
.info ul { margin:0; padding:0; background: url(images/elements.png) right -100px; }
.logo { height:60px; }
.logo h1 { background:url(images/elements.png) 0 0 no-repeat; width:212px; height:60px; text-indent:-5000em; overflow:hidden; padding:0; margin:0; float:left; }
.logo p { margin:0 0 0 700px; padding:0 0 0 30px; font-size:12px; background:url(images/elements.png) left -1300px no-repeat; }
.telefono { font-size:22px; color:#898989; font-weight:bold; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px; } 

.nav { height:35px; }
.nav li { float:left; list-style:none; padding:0 35px 0 35px; margin:12px 0 0; border-right:#fff 1px solid; }
.nav a { color:#FFFFFF; text-decoration:none; font-size:11px; text-transform:lowercase; padding:2px 3px; }
.nav a:hover { background-color:#707070; color:#ffffff;}

/*.tools { width: 348px; height:100px; display:table; background:url(images/elements.png) 0 -150px no-repeat; font-size:10px; padding:5px; }
.tools p  { padding:0; margin:0; }


.Registrate input[type=button], *.shopping_button { width:32px; height:28px; background:url(images/elements.png) left -2250px no-repeat; border:0 none; padding:0 0 0 32px; overflow:hidden; text-indent:-5000px; margin:5px; *text-indent:0; cursor:pointer; vertical-align:middle; }
.Registrate input[type=text] { width:172px; background:#CCCCCC; border:1px solid #999999; }
.Registrate input[type=text] { color:#006699; }
.Registrate a { width:101px; height:18px; color:#FFFFFF; text-decoration:none; background:url(images/elements.png) left -300px no-repeat; padding:5px 5px 0; display:inline-block; text-align: center; font-family: "Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif; font-size:11px;}

.brands { width: 100%; height: 44px; background-color: #b8c6e0; clear:both; }*/

/* Footer */

#footer p { border-top:#91B401 4px solid; padding:20px 0; color:#666666; font-size:11px; }

/* Content */

.news, .form  { width:720px; min-height:360px; background:url(images/sub-background.png) left 0 repeat-x; padding-bottom:150px; }
.sidebar { width:160px; margin-left:725px; position:absolute; top:366px; }
.cat { width:160px; float:left; clear:left; }
.main { width:705px; margin-left:180px; min-height:360px; }

.main_news { width:250px; float:left; margin-left:20px; } 
.main_news h3 { margin:10px 0 0 0; }

.sorted_news { position:relative; top:0; padding:0; margin-left:300px; }
.sorted_news ul { padding:0; margin:0; }
.sorted_news li { width:276px; list-style: none; margin-bottom:30px; }
.sorted_news img { float:right; padding:0 0 2px 2px; }
.sorted_news h3 { margin:0; }

.list_news { position:relative; top:0; padding:0; margin-left:20px; }
.list_news ul { padding:0; margin:0; }
.list_news li { width:526px; list-style: none; margin-bottom:30px; }
.list_news img { float:left; margin:0 10px 5px 0; padding:0; }
.list_news h3 { margin:0; }

.news a img { border:#CCCCCC 2px solid;  }
.news img {border:0 none; }

.details_news { width:650px; margin-left:20px; } 
.details_news h3 { margin:10px 0 0 0; }
.details_news ul { padding:0; margin:0; }
.details_news li { width:650px; list-style: none; margin-bottom:30px; }
.details_news img { float:right; padding:0 0 2px 2px; }


.list_fotos {position:relative; top:0; padding:0; margin-left:20px;   }
.list_fotos ul {width:250px; padding:0; margin:0;  }
.list_fotos li { width:110px; list-style: none; margin-bottom:10px;float:left;}
.list_fotos img { float:left; margin:0 10px 5px 0; padding:0; }
.list_fotos h3 { margin:0; }

.foto_main {width:400px;height:300px; float:right; margin:0 20px 0 0; padding:0;  }


.list_cursos { padding:0; }
.list_cursos ul { padding:0; margin:0; }
.list_cursos li { width:650px; list-style: none; padding:10px; margin:0 0 10px 30px; background-color:#FFFFFF}
.list_cursos .curso_right { float:right; width:520px; }
.list_cursos h3 { margin:0px;  }
.list_cursos h5 { margin:5px; }
.list_cursos a { padding:2px 3px;  text-decoration:none; color:#91B401; }
.list_cursos a:hover { color:#57595A; text-decoration:none; }
.list_cursos img { float:left; margin:0 10px 5px 0; padding:0; }

.cursos { width:650px; padding:10px; margin:0 0 10px 30px; background-color:#FFFFFF}
.cursos a { padding:2px 3px; background-color:#91B401; text-decoration:none; color:#FFFFFF; }
.cursos a:hover { background-color:#57595A; text-decoration:none; }
.cursos img { float:left; margin:0 10px 10px 0; }
.cursos li { margin-left:30px; }

.form  { padding-left:30px; }
.form label { float:left; display:block; width:160px; font-size:11px; }
.form small { margin-left:5px; font-size:10px; }
.form p { margin-bottom:5px; }
.form input[type=button] { position:relative; left:15%; margin:0 5px;  }
.form input[value=enviar] { width:50px; height:19px; background:url(images/elements.png) left -400px no-repeat; border:0 none; color:#FFFFFF; }
.form input[value=volver] { width:50px; height:19px; background:url(images/elements.png) left -450px no-repeat; border:0 none; color:#FFFFFF; }

/* Nav */

.cat h2 { margin-top:0; }
.cat ul { margin:0; padding:0; }
.cat li { list-style:none; border-top:#c7c7c7 1px solid; padding:5px 12px; font-size:11px; }
.cat a {  padding:2px 3px; }
.cat a:hover { background-color:#91b401; color:#FFFFFF; }

/* Breadcrumb */

.main_header { background-color:#DFDFDF; padding:3px 5px; text-align:right; font-size:11px; }
.order option, .order select { font-size:11px; } 
.breadcrumb { float:left; }
.order {  }
/* Sidebar */

.login { width:134px; height:114px; *height:125px; padding:10px 15px 0 15px; background:url(images/elements.png) left -2350px no-repeat; color:#FFFFFF; font-size:12px; text-align:right; }
.login h4 { text-align:left; color:#FFFFFF; margin:0 0 5px 0; }
.login p { margin:0 0 5px 0; }
.login input { width:104px; }
.login input[type=text], .login input[type=password], *.txtUsuario,*.txtPassword { width:80px; }
.login input[type=button] { width:60px; height:19px; background:url(images/elements.png) left -450px no-repeat; border:0 none; color:#FFFFFF; font-size:11px; margin:0 0 0 5px;  }
.login a { color:#333; }

.suscribe { width:134px; height:90px; padding:10px 15px 0 15px; background:url(images/elements.png) left -500px no-repeat; color:#FFFFFF; font-size:12px; }
/*.suscribe { width:150px; height:88px; padding:10px 15px; background:url(images/elements.png) left -500px no-repeat; color:#FFFFFF; font-size:12px; }*/
.suscribe p { padding-bottom:5px; width:100%; margin:0; }
.suscribe label { padding-right:5px; }
.suscribe input { *width:100px; }
.suscribe input[type=text] { width:100px; }
.suscribe input[type=button] { width:50px; height:19px; background:url(images/elements.png) left -400px no-repeat; border:0 none; color:#FFFFFF;  margin:0 0 0 78px; }

.feeds li { list-style:none; float:left; margin:0 10px 10px 0; }
.feeds { margin:20px 20px 0 30px; padding:0; }
.icon { background:url(images/elements.png) no-repeat; width:0; height:44px; padding-left:44px; overflow:hidden; vertical-align:middle; display:block; float:left;  }
#facebook { background-position:left -600px; }
#YouTube { background-position:left -650px; }
#feed1 { background-position:left -700px; }
#feed2 { background-position:left -750px; }

/*Marcas*/
.marcas{width:134px;margin:0; padding:0}
.marcas li{list-style:none;margin-letf:0px;margin-top:20px;}


/* Content */

.cat_products ul { display:block; margin:0; padding:0; }
.cat_products li { background:url(images/elements.png) right bottom no-repeat; height:220px; width:150px; float:left; padding:10px; margin:0 0 5px 5px; list-style:none; text-align:center; }
.cat_products p { text-align:left; margin-bottom:5px; }
.cat_products h3 { margin-top:0px; text-align:left; }
.cat_products img { margin:0 auto; }
.cat_products .precio { font-family: "Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif; color: #FF0000; font-size:14px; }
.cat_products a img, .list_products a img { border:0 none; padding:0; margin:0; vertical-align:middle; }

.list_products table, .cart table  { font-size:11px; width:75%; border-collapse: collapse; }
.list_products thead, .cart thead { height:26px; background:url(images/elements.png) left -2200px; white-space: nowrap; }
.list_products td, .cart td { padding:5px 20px; margin:0; border-top:#005CA6 solid 1px; }
.list_products h3  img { display:block; }
.list_products .precio, .cart .precio { display:block; font-family: "Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif; color:#333333; font-weight:bold; font-size:14px; }

.cart h3  img { float:right; vertical-align:middle; white-space: nowrap; }
.cart input[type=text] { width:30px; }
.cart tfoot { background-color:#ccc; font-weight:bold; }

.product table { width:560px; }
.product img { vertical-align:middle; }
.product a img { border:0 none; padding:0; margin:0 5px; }
.product h5 { text-transform:lowercase; color:#0099CC; }
.product .options { padding:10px; border:#666666 1px solid; margin:0 0 10px 10px; }
.options p { margin:auto; padding:5px 0; }
.product .imgZoom { padding:0; text-align:center; margin:0 auto; }
.product .imgZoom ul { width:270px; margin:0 auto; padding:0; white-space:nowrap; }
.product .imgZoom li {  padding:5px; text-align:center; float:left; list-style:none;  }
.imgZoom li img { width:80px; height:80px; overflow-y: hidden; }
.product #valorCuota { font-size:12px; font-weight:bold; color:#FF3300; }

.tabs ul { padding:0; margin:0; }
.tabs li { float:left; height:27px; padding:0; list-style:none; background:url(images/elements.png) left -1900px; }
.tabs li a { display:block; float:left; height:22px; padding:5px 10px 0 0; background:url(images/elements.png) right -1900px; margin-left:10px; font-size:11px; color:#666666; }
.tabs .select { background:url(images/elements.png) left -1950px; }
.tabs .select span { display:block; float:left; height:22px; padding:5px 10px 0 0; background:url(images/elements.png) right -1950px; margin-left:10px; font-size:11px; color:#666666; }
.tab_content { font-size:11px; margin-top:27px; border:#666666 1px solid; padding:10px; }

.buttons { padding:0; height:30px; }
.buttons li { margin:0 5px; padding:0; float:left; list-style:none;  }

.print a { display:block; padding:5px 28px 0 5px; color:#FFFFFF; font-size:11px; width:100px; *width:132px; height:16px; *height:21px; background:url(images/elements.png) left -2000px; } 
.cart_refresh a { display:block; padding:5px 28px 0 5px; color:#FFFFFF; font-size:11px; width:98px; height:16px; background:url(images/elements.png) left -2100px; }
.cart_continue a { display:block; padding:5px 28px 0 5px; color:#FFFFFF; font-size:11px; width:118px; height:16px; background:url(images/elements.png) left -2050px; }
.cart_end a { display:block; padding:5px 28px 0 5px; color:#FFFFFF; font-size:11px; width:120px; height:16px; background:url(images/elements.png) left -2150px; }

.navigation { text-align: right; padding:10px 0; }
.navigation a { font-size:12px; height:18px; background:url(images/elements.png) left -1550px no-repeat; padding-left:20px; }

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
/*top: 25px;*/
top: 0px;
font:normal 8pt Arial,Helvetica,Verdana;
color:#ffffff;
z-index:100;
background-color: #707070;
filter: alpha(opacity=80); 
opacity: .80;
width: 150px;
visibility: hidden;
margin-left:-50px;
margin-top:0px;
}


.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
text-decoration: none;
color:#ffffff;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
    color:#9fb931;
}

/* ######### ############################## ######### */

