@charset "UTF-8";
* { margin:0px; padding:0px;}
html { overflow: -moz-scrollbars-vertical; }
body { font:normal 12px/17px Verdana, Geneva, sans-serif; color: #555; background:#809f3d url(images/bk.jpg) repeat-x top left;}
a, a img { border:none; outline:none; }

.clr { clear:both; }
.lineclr3 { clear:both; font-size:1px; border-bottom:1px solid #999; margin-bottom:20px;}
.lineprod { clear:both; border-bottom:1px solid #999;}
.lineclr  {background-color: #999; height: 1px; width: 100%; float: left; font-size: 1px; margin-bottom: 20px;}

#wrap { background: url(images/bk_content.jpg) no-repeat top center;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px; color:#809f3d; margin-bottom:5px;}
h4 {font-size:14px; color:#bf0000; margin-bottom:5px;}
h5 {font-size:14px;  margin-bottom:5px;}
h5 a, #contenido h4 a:visited {color:#72a519; text-decoration:none;}
h5 a:hover {text-decoration:underline;} 
h6 {font-size:12px; color:#bf0000;}

/* HEADER -------------------------- */
#header { width:900px; height:153px; margin:0 auto; position:relative; z-index:100; }
.logo { width:148px; height:119px; position:absolute; bottom:10px; left:30px; background:url(images/logo.gif) no-repeat; }
.logo h1 { display:none; }
.logo a { width:148px; height:119px; display:block; }
.slogan {position:absolute; top:50px; right:15px;}

/* NAVIGATION -------------------------- */
.nav {width:677px; height:41px; background:url(images/bk_menu_in.jpg) no-repeat top left; padding-left:8px; position:absolute; right:15px; bottom:10px;}
ul#navigation {list-style:none; height: 41px; width:677px; background:url(images/bk_menu.jpg) no-repeat top right;}
#navigation span {display:none;}

#navigation li {float:left;}
#navigation li a { display: block; height: 41px; line-height: 41px; }

li a#item_inicio {width: 51px; background: url(images/menu.jpg) no-repeat -8px 0;}
a#item_inicio:hover {background: url(images/menu.jpg) no-repeat -8px -41px;}

li a#item_nosotros {width: 149px; background: url(images/menu.jpg) no-repeat -59px 0;}
a#item_nosotros:hover {background: url(images/menu.jpg) no-repeat -59px -41px;}

li a#item_entrenamiento {width: 119px; background: url(images/menu.jpg) no-repeat -208px 0;}
a#item_entrenamiento:hover {background: url(images/menu.jpg) no-repeat -208px -41px;}

li a#item_servicios {width: 77px; background: url(images/menu.jpg) no-repeat -327px 0;}
a#item_servicios:hover {background: url(images/menu.jpg) no-repeat -327px -41px;}

li a#item_galeria {width: 62px; background: url(images/menu.jpg) no-repeat -404px 0;}
a#item_galeria:hover {background: url(images/menu.jpg) no-repeat -404px -41px;}

li a#item_tienda {width: 61px; background: url(images/menu.jpg) no-repeat -466px 0;}
a#item_tienda:hover {background: url(images/menu.jpg) no-repeat -466px -41px;}

li a#item_noticias {width: 71px; background: url(images/menu.jpg) no-repeat -527px 0;}
a#item_noticias:hover {background: url(images/menu.jpg) no-repeat -527px -41px;}

li a#item_contacto {width: 80px; background: url(images/menu.jpg) no-repeat -598px 0;}
a#item_contacto:hover {background: url(images/menu.jpg) no-repeat -598px -41px;}

/* >>> BANNER <<< */
#banner { width:870px; padding:0 15px; margin:0 auto; background-color:#FFF; border-bottom:1px solid #fff;}
#s1 {width:870px; height:300px; overflow:hidden;}

/* >>> CONTENIDO <<< */
#contenido { font-size:13px; margin:0 auto; width:840px; padding:30px 30px 10px 30px; background:#FFF url(images/bk_contenido.jpg) no-repeat top center; overflow:hidden; }
.foto {float:right; background-color: #dae2ab; padding: 5px; margin: 0 0 8px 8px;}

#contenido_end {width:840px; margin:0 auto 20px auto; padding:0 30px 30px 30px; background:#FFF url(images/bk_end.gif) no-repeat bottom left; overflow:hidden;}
.promo {float: left; width:195px; height:100; margin:30px 20px 0 0;}

/* colWide -----------------------------------------*/
.colwide {width: 615px; float:left;}
.colwide p {margin-bottom:20px;}
.colwide a, .colwide a:visited {color:#900; text-decoration:none;}
.colwide a:hover {text-decoration:underline;} 
.colwide ul {list-style-image: url(images/bullet.gif); padding-left: 15px; margin: 0 0 30px 20px;}
.colwide li { padding: 5px 0;}

.col {width:260px; float:left; margin:0 30px 0 0; position:relative;}
.col h6 { width:260px; height:35px; margin-bottom:10px; }
.col h6 span { display:none; }
.col h6.quees { background:url(images/tit_quees.png) no-repeat;}
.col h6.clicker { background:url(images/tit_clickertrainig.png) no-repeat;}
.col h6.servicios { background:url(images/tit_servicios.png) no-repeat;}
.col p { width:160px; margin: 0 8px 20px 8px;} 
.col a, .col a:visited {color:#333; line-height:16px; text-decoration:none; background:url(images/bullet.gif) no-repeat 0 50%; padding:25px;}
.col a:hover { color:#333; text-decoration:underline;}
.gato { width:54px; height:164px; position:absolute; top:14px; right:15px; background:url(images/gato.png) no-repeat; }
.click { width:83px; height:140px; position:absolute; top:48px; right:0; background:url(images/click.jpg) no-repeat; }
.perro { width:88px; height:155px; position:absolute; top:14px; right:0; background:url(images/perro.png) no-repeat; }
.thmb_wrap {float:left;}
.thmb {float:left; margin:20px 30px 20px 0;}
.thmb img {background-color: #dae2ab; padding: 5px; margin-bottom: 6px; height: 140px; width: 175px;}
.thmb p {color: #809f3d; margin-top: 8px;}
.thmb_text {float:left; margin:20px 30px 20px 0;}
.thmbvid {float:left; margin:20px 30px 20px 0;}
.thmbvid img {background-color: #dae2ab; padding: 5px; margin-bottom: 6px; height: 90px; width: 121px;}
.thmbvid p {color: #809f3d; margin-top: 8px;}
.last {margin-right:0;}

.video {background-color: #dae2ab; padding: 5px;}
.videomargen {margin-bottom:30px;}
.noticia {color:#666; font-size:11px;}

/* tienda -----------------------------------------*/
.producto {float:left;}
.descripcion { float: right; width:400px;}


/* colNarrow -----------------------------------------*/
.colnarrow {width:195px; float:right;}
.colnarrow img {margin-bottom:20px;}
.colseccion {width:195px; margin-bottom:20px;}
.colseccion h6 { width:195px; height:29px;}
.colseccion h6 span { display:none; }
.colseccion h6.seccion { background:url(images/seccion.gif) no-repeat; }
.colseccion h6.servicios { background:url(images/servicios.gif) no-repeat; }
.colseccion ul {width:195px; list-style-type:none; background-color:#dde5c9; border-top:1px solid #1e3000;}
.colseccion li { display:block; width:195px; border-bottom:1px solid #aec47b; } 
.colseccion li a {display:block; color:#4a4a4a; line-height:13px; text-decoration:none; background:url(images/bullet.png) no-repeat 13px 50%; padding:8px 15px 8px 35px;}
.colseccion li a:hover { background-color:#cedab2; }

.colcontacto {width:195px; height:100px; background:url(images/contacto.jpg) no-repeat top left; margin-top:10px; padding:38px 83px 0 15px;}
.colcontacto h4 {font-size: 22px; color:#FFF; margin-bottom:9px;}
.colcontacto p {font-size:11px; color:#FFF;}

/* >>> FOOTER <<< */
#footer {margin:0 auto; width:840px; height:155px; padding:25px 30px; background:#FFF url(images/footer.jpg) no-repeat top center; position:relative;}
#footer h1 {font-size:12px; color: #809f3d; margin-bottom:5px;}
#footer h6 {font-size:12px; color: #809f3d; margin:15px 0 5px 0;}
#footer p {font-size:11px; margin-bottom:0;}
#footer a { color:#555; text-decoration:none;}
#footer a:hover { color:#555; text-decoration:underline; }
.trost { width:130px; height:18px; float:left; margin-top:15px;}
.trost a, .trost a:visited { font-size:11px; text-decoration: none; background:url(images/logo_trost.gif) no-repeat right; padding:5px 55px 5px 0;}
.trost a:hover {text-decoration:underline; }
.certificacion1 {position:absolute; right:30px; top:48px;}
.certificacion2 {position:absolute; right:175px; top:25px;}
.facebook {position:absolute; right:224px; bottom:25px;}
.twitter {position:absolute; right:120px; bottom:25px;}
.division {position:absolute;top: 25px; left:371px;}

.sombra {margin:0 auto; width:900px; height:60px; background:url(images/sombra.jpg) no-repeat top center; overflow:hidden; }