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

p {
	color: #666;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
	margin-top:10px;
	padding-right: 5px;
}

.inicio {
	color: #777;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:18px;
	line-height:22px;
	margin:0;
}

.titulos {
	font-size:28px;
	text-shadow:  0px 1px 1px #fff;
	margin-top: 15px;
}

h1{
	color: #002989;
	font-family: 'HelveticaHCn', sans-serif;
	font-size:20px;
	text-align:left;
	text-transform:uppercase;
}

h2{
	border-bottom: solid 1px #eee;
	color: #676767;
	font-family: 'HelveticaHCn', sans-serif;
	font-size:22px;
	line-height:28px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align:left;
	text-shadow:  0px 1px 1px #eee;
	text-transform:uppercase;
}

h3{
	color: #e83138;
	font-family: 'HelveticaBCn', sans-serif;
	font-size:16px;
	margin-top:10px;
	text-align:right;
	text-decoration:none;
	text-transform:none;
}

h4{
	font-family: 'Anton', sans-serif;
	bottom: 5px;
	color: #333;
	font-size:20px;
	line-height:22px;
	margin-top:138px;
	text-align:right;
	text-transform: uppercase;
	text-shadow:  0px 1px 1px #fff;
}

h5{
	font-family: 'Anton', sans-serif;
	color: #3c3c3c;
	font-size:20px;
	line-height:24px;
	margin-top:10px;
	text-align:left;
	text-transform: none;
	text-shadow:  0px -1px 1px #ddd;
	
}

h6{ 
	font-family: 'HelveticaLCn', sans-serif;
	color: #e83138;
	font-size:18px;
	line-height:22px;
	text-align:left;
	text-transform: none;
	text-shadow:  0px -1px 1px #ddd;
}

.izq{
	color: #e83138;
	font-size:16px;
	line-height:20px;
	margin: 5px 0 0 0;
	text-align:left;
}

.der{
	color: #002989;
	font-size:16px;
	line-height:20px;
	margin: 5px 0 0 0;
	text-align:right;
}

span{
	color: #002989;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:12px;
	line-height:16px;
	margin-top:10px;
}

strong{
	font-family: 'HelveticaBCn', sans-serif;
}

.leer {
	color: #e83138;
	font-family: 'HelveticaBCn', sans-serif;
	font-size:16px;
	margin-top:10px;
	text-align:right;
	text-decoration:none;
	text-transform:none;
}

.ficha {
	background: url(../images/ficha.png) 0px 0px no-repeat;
	color: #002989;
	font-family: 'HelveticaBCn', sans-serif;
	font-size:14px;
	line-height:26px;
	padding-left:20px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
}

a.ficha:hover{
	background: url(../images/ficha.png) 0px -22px no-repeat;
}

.metal{
	background: url(../images/back.jpg) center top  repeat #ddd;
	border-bottom: solid 1px #999;
	border-top: solid 1px #fff;
	margin:0;
	padding: 20px 0px 0px 0px;
	width:100%;
}

.metalp{
	background: url(../images/back.jpg) center top  repeat #ddd;
	border-bottom: solid 1px #999;
	border-top: solid 1px #fff;
	margin:0;
	padding: 20px 0px;
	width:100%;
}


.grip_r{
	background: url(../images/grip_r.jpg) center top  repeat #be1d24;
	border-bottom: solid 1px #fff;
	height: 15px;
	margin:0;
	padding:0;
	width:100%;
}

.blanco{
	background: url(../images/back_b.jpg) left top  repeat-x #fff;
	border-bottom: solid 1px #bbb;
	border-top: solid 1px #bbb;
	margin:0;
	width:100%;
}

.menu_c{
	float:right;
	width: auto;
}

#menu{
	padding-top:20px;
	text-align:right;
	z-index:999;
	margin:0;
	text-align:right;
	list-style: none;
}

#menu li{
	float:left;
	
}

#menu li a{
	color: #888;
	display: block;
	float:left;
	font-family: 'Anton', sans-serif;
	font-size:26px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:  0px 1px 1px #fff;
	padding: 15px 15px;
}


#menu li a img{
	padding: 7px;
}

#menu li a.current{
	background: url(../images/menu_b.png) left top  repeat;
	color: #002989;
	text-shadow:  0px 1px 2px #eee;
}

#menu li:hover a, #menu .active{
	background: url(../images/menu_b.png) left top  repeat;
	color: #002989;
	text-shadow:  0px 1px 2px #eee;
}

#menu ul.sub {
    opacity: 0; /* no son visibles */
    position: absolute;
	list-style:none;
    top: auto; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	margin-top:55px;
	z-index:9999;
	width:170px;
}
  
#menu li:hover > ul.sub { opacity: 1; }

#menu ul.sub li {
	background: url(../images/sub_menus.png) 0px 0px repeat;
    height: 0; /* no son visibles */
    overflow: hidden;
	float:none;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
	padding-left:30px;
	width:135px;
}

#menu ul.sub li a{
	background:none;
    color: #888;
	display: block;
	font-family: 'HelveticaLCn', sans-serif;
	text-align:left;
	font-size:18px;
	text-decoration:none;
	text-transform:none;
	text-shadow:  0px 1px 1px #fff;
	padding: 0;
	margin-top: 7px;	
}

#menu li:hover > ul.sub li {
	height: 30px; /* los mostramos */
	overflow: visible;
	
}

#menu ul.sub li:hover a{
    color: #333;
}

#menu ul.sub li:hover{
	background: url(../images/sub_menus.png) 0px 30px repeat;
}

#menu ul.sub2 {
    opacity: 0; /* no son visibles */
    position: absolute;
	list-style:none;
    top: auto; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	margin-top:55px;
	z-index:9999;
	width:100px;
}
  
#menu li:hover > ul.sub2 { opacity: 1; }

#menu ul.sub2 li {
	background: url(../images/sub_menus.png) -30px 0px repeat;
    height: 0; /* no son visibles */
    overflow: hidden;
	float:none;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
	padding-left:10px;
	width:100px;
}

#menu ul.sub2 li a{
	background:none;
    color: #888;
	display: block;
	font-family: 'HelveticaLCn', sans-serif;
	text-align:left;
	font-size:18px;
	text-decoration:none;
	text-transform:none;
	text-shadow:  0px 1px 1px #fff;
	padding: 0;
	margin-top: 7px;	
}

#menu li:hover > ul.sub2 li {
	height: 30px; /* los mostramos */
	overflow: visible;
	
}

#menu ul.sub2 li:hover a{
    color: #333;
}

#menu ul.sub2 li:hover{
	background: url(../images/sub_menus.png) -30px 30px repeat;
}

#menu ul.sub2 a img{
    padding:0px;
	padding-right:10px;
}



.inicio{
	padding-top:25px;
}

#slider{
	background: #fff;
	border: solid 1px #999;
	padding: 10px;
}

#slides{
	margin:auto;
}

#slides h3{
	color: #002989;
	font-family: 'HelveticaBCn', sans-serif;
	font-size:46px;
	text-align:left;
	text-decoration:none;
	text-transform: uppercase;
	text-shadow:  0px 1px 1px #fff;
	position:relative;
	top: 220px;
	left: 10px;
	word-spacing: 2px;
}

#slides h5{
	color: #e83138;
	font-family: 'HelveticaBCn', sans-serif;
	font-size:46px;
	line-height:48px;
	text-align:right;
	text-decoration:none;
	text-transform: uppercase;
	text-shadow:  0px 1px 1px #333;
	position:relative;
	top: 270px;
	right: 10px;
	word-spacing: 2px;
}

#slides p{
	color: #fff;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:18px;
	text-align: right;
	text-shadow:  0px 1px 1px #333;
	position:relative;
	top: 260px;
	right: 10px;
}

#slides span{
	color: #fff;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:18px;
	line-height:22px;
	text-align: left;
	text-shadow:  0px 1px 1px #333;
	position:relative;
	top: 220px;
	left: 10px;
}

#slides .slide01{
	background: url(../images/slider/01.jpg) center top no-repeat;
}

#slides .slide02{
	background: url(../images/slider/02.jpg) center top no-repeat;
}

#slides .slide03{
	background: url(../images/slider/03.jpg) center top no-repeat;
}

#slides .slide04{
	background: url(../images/slider/04.jpg) center top no-repeat;
}

.grip_b{
	background: url(../images/grip_b.jpg) center top  repeat #fff;
	border: solid 1px #aaa;
	border-right: none;
	border-bottom: none;
	height: 386px;
	margin:0;
	padding:10px;
}

.grip_contacto{
	background: url(../images/grip_b.jpg) center top  repeat #fff;
	border: solid 1px #aaa;
	border-right: none;
	height: 310px;
	margin:0;
	padding:10px;
}

.grip_b2{
	background: url(../images/grip_b.jpg) center top  repeat #fff;
	border: solid 1px #aaa;
	border-top: none;
	height:5px;
	margin:0;
}

.grip_g{
	background: url(../images/grip_g.jpg) center top  repeat #ddd;
	height:10px;
	margin:0;
	margin-top:15px;
}

#noticias{
	background: url(../images/noticias.jpg) center top  repeat #fff;
	border: solid 1px #eee;
	height: 485px;
	padding:10px;
	margin: 20px auto;
}

#noticias_c{
	height: 485px;
}

#noticias h1{
	margin-top: -48px;
	text-align: right;
}

#noticias .noticia{
	border-bottom: solid 1px #ccc;
	margin: 10px 0;
	padding-bottom:5px;
}

#noticias li.noticia span { font-size:17px; font-family: 'HelveticaLCn', sans-serif; line-height:normal;}

#noticias a{
	color: #e83138;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:16px;
	line-height:22px;
	text-decoration: underline;
}

#nuevos_productos{
	background: url(../images/grip_g2.jpg) center top  repeat #fff;
	margin: 30px 5px 30px 5px;
}

#nuevos_productos img{
	border: solid 1px #ddd;
	height:182px;
	width:182px;
}

#nuevos_productos .nuevos_p {
	background: #fff;
	float:left;
	padding-right:3px;
	width: 184px;
	height: 184px;
}

#nuevos_productos .nuevos_pf {
	background: #fff;
	float:left;
	padding-right:0;
	width: 184px;
	height: 184px;
}

#nuevos_productos .nuevos_t {
	float:left;
	margin-right: 4px;	
	width: 100px;
	height: 184px;
}

#nuevos_productos .nuevos_p .caption,
#nuevos_productos .nuevos_pf .caption {
	background: url(../images/menu_b.png) repeat;
	display:none;
	height:164px;
	margin:0;
	padding:10px;
	position:relative;
	width: 164px;
	top: -184px;
}

#nuevos_productos .nuevos_p .caption h1,
#nuevos_productos .nuevos_pf .caption h1 {
	color: #002989;
	font-family: 'HelveticaHCn', sans-serif;
	font-size:18px;
	margin:15px;
	text-align:center;
}

#nuevos_productos .nuevos_p .caption p,
#nuevos_productos .nuevos_pf .caption p {
	color: #333;
	font-family: 'HelveticaLCn', sans-serif;
	font-size:18px;
	margin:0;
	text-align:center;	
}


#nuevos_productos .nuevos_p:hover .caption,
#nuevos_productos .nuevos_pf:hover .caption {
	display:block;
}



.productos img{
	background: url(../images/grip_g3.jpg) repeat;
	border: solid 1px #ccc;
	border-top: solid 1px #999;
	height: 280px;
	padding-bottom:10px;
	width: 382px;
}

.productos_full img{
	background: url(../images/grip_g3.jpg) repeat;
	border: solid 1px #ccc;
	border-top: solid 1px #999;
	height: 360px;
	padding-bottom:10px;
	width: 750px;
}

.producto{
	margin-bottom:25px;
}

.vistas img{
	border: solid 5px #ddd;
	margin-top:10px;
	margin-bottom:15px;
	width: 78px;
}

.vistas a.activo img{
	border: solid 5px #999;
}

.prod_cont{
	margin-bottom: 50px;
}

#map_canvas{
	border: solid 1px #ccc;
	margin:10px auto;
	margin-bottom:25px;
	height:270px;
	width:660px; 
}

form#contact-form{
	margin:20px;
}
form#contact-form input[type="text"], form#contact-form input[type="password"], form#contact-form textarea, form#contact-form checkbox {
    background: url(../images/contacto.png) center top  repeat  #f4f4f4;
	border:none;
    color: #999;
    display: block;
    font-size: 15px;
	letter-spacing: 0.05em;
    margin: 5px 20px 10px 0;
    outline: medium none;
    padding: 10px;
    position: relative;
	font-family: 'HelveticaLCn', sans-serif;
    text-transform: uppercase;
    width: 98%;
}

form#contact-form textarea {
    height: 100px;
    margin-bottom: 20px;
	resize: none;
}

form label { display:none; }

form#contact-form input[type=text]:hover,
form#contact-form input[type=password]:hover,
form#contact-form textarea:hover,
form#contact-form input[type=text]:focus,
form#contact-form input[type=password]:focus,
form#contact-form textarea:focus {
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(120, 120, 120, 0.3);
	box-shadow: inset 0px 0px 2px 0px rgba(120, 120, 120, 0.3); 
	background:url(../images/contacto.png) center top  repeat #f9f9f9;
	color: #393939;
}
form#contact-form .mid-input { 
	width:47%; 
	margin-right: 28px;
	display:inline-block; 
}
form#contact-form .mid-input-last { 
	width:47%; 
	display:inline-block; 
}

div.form-sent{
	height: 300px;
	display:none;
	margin-top:50px;
	text-align:center;
}

div.form-sent-ok{
	height: 300px;
	display:none;
	margin-top:50px;
	text-align:center;
}

/* Invalid form elements */
    label.error {
        width: auto!Important;
		height: 21px;
        line-height: 21px!Important;
        padding: 2px 8px 0px 8px;
		margin:-40px -10px 0 0;
        color: #fff;
        background:#F36;
        position:relative;
		float:right;
    }
	div#mens label.error{ margin-top:-53px; }
	
    input.error,
    select.error,
    textarea.error {
        border-top: 1px solid #f79980 !important;
        color: #f79980 !important;
        background:#FDEFD4 !important;
    }
	
.btn {
	background: url(../images/contacto.png) center top  repeat #f9f9f9;
    color: #666;
    border: 1px solid #F2F2F2;
    display: inline-block;
    font-size: 12px;
	margin-left:90%;
    padding: 10px;
    text-transform: uppercase;
}
.btn:hover{ 
	background:url(../images/contacto.png) center top  repeat #f9f9f9;
	border: 1px solid #333;
	color:#000;
}

#contacto{
	background: #fff;
	border: solid 1px #999;
	padding: 10px;
}