/*--- Estilo de intuye.com ---*/
@import url('reset.css');
@import url('form.css');
@import url('typography.css');
@import url('grid.css');


/*--- Estructura ---*/
html{
    background:#242424;
}
body{
    background:#000;

}
h1{
    margin:0;
    padding:0;
}
h1 #titulo{
    margin-right:109px;
    margin-top:16px;
    float:none;
}
h1 img{
    float:right;
    margin-top:-36px;
}
h3{
    text-align:left;
}/* tipos de h3*/
    .tipo1{

    }
#page{
    text-align:center;
	margin: 0 auto; /*centrado*/
    background:#000;
}
.page{
	width:990px;
	margin: 0px auto; /*centrado*/
    font-size:1em;
	position:relative;

}
#main {
    margin:0 auto;
    /*overflow: auto; height: 1%;  clearfix */
	padding: 25px 10px 40px;
    
}

#col1 {display:none}  
#col2 { display:none}  
#col3 {}

/*--- header ---*/
#header{
	position: relative;
	height: 54px;
	background-color: #242424;
	border-bottom:1px solid #333;
	text-align: right;
	color:#fff;
}
#header a{
	color:#fff;
	text-decoration:none;
	}
	a:hover{
	    color:#fff;
        text-decoration:underline;
	}



/*--- footer ---*/
/*--- footer ---*/
#footer {
    margin-top:0px;
	padding-top:15px;
    padding-bottom:25px;
	text-align:left;
	border-top:1px solid #333;
	background-color: #242424;
	color: #777;
    position:relative;
}
#footer a{
	color: #777;
}
#footer a:hover{
    color:#fff;
}

#footer img{
    margin-top:0px;
    float:left;
    margin-right:32px;
}
#footer #infofooter{
    width:820px;
}
#footer ul{
    margin-top:0px;
    margin-bottom:10px;
    font-size:.83em;
    font-family:Tahoma,Arial, Verdana, Helvetica, serif;
    list-style:none;
}
#footer li{
    padding:0 5px;
    float:left;

}
#footer ul#infofooter2 {
    color:#aaa;
    padding-bottom:15px;
}
#footer #intuye{
    position:absolute;top:21px;left:946px;
    margin-top:0px;
    float:right;
}
abbr, acronym{
    cursor:help;
}
/*--- barra de menú ---*/
#navigation-block {
	position:absolute;
	top:0px;
	left:0px;
    text-align:center;
}

ul#sliding-navigation
{
   list-style: none;
   font-size:.82em;
   letter-spacing: 1px;
   padding: 0;
   margin: 0;

}

ul#sliding-navigation li{
		float:left;
}


ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 117px;
    padding: 20px 0 24px 0;
	text-transform:uppercase;
	padding: 20px 0 19px 0;
	color: #999;
    background-color: #242424; 
	text-decoration: none;
}

ul#sliding-navigation .hindex a:hover, ul#sliding-navigation li.sliding-element.index a{
    color: #fff;
    padding: 20px 0 24px 0;
    background-color: #3f3f3f; 
    border-bottom: 5px solid #7b998f;
}
ul#sliding-navigation .hempresa a:hover, ul#sliding-navigation li.sliding-element.empresa a{
    color: #fff;
    padding: 20px 0 24px 0;
    background-color: #3f3f3f; 
    border-bottom: 5px solid #973C39;
}

ul#sliding-navigation .hproductos a:hover, ul#sliding-navigation li.sliding-element.productos a{
    color: #fff;
    padding: 20px 0 24px 0;
    background-color: #3f3f3f; 
    border-bottom: 5px solid #739936;
}
ul#sliding-navigation .hlocalizacion a:hover, ul#sliding-navigation li.sliding-element.localizacion a{
    color: #fff;
    padding: 20px 0 24px 0;
    background-color: #3f3f3f; 
    border-bottom: 5px solid #936E80;
}
ul#sliding-navigation .hcontacto a:hover, ul#sliding-navigation li.sliding-element.contacto a{
    color: #fff;
    padding: 20px 0 24px 0;
    background-color: #3f3f3f; 
    border-bottom: 5px solid #B7A67B;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffffff;    background-color: #555;  }
/*--- admin ---*/
#subtitulo{
}
#opciones_tabla{
	float: right;
	text-align: right;
	line-height:230%;
}

#buscador{
	display:block;text-align:center;margin:30px 0;
}


/* --- paginas --- */

#paginas{
text-align:center;
margin-bottom:30px;
}

#paginas a{
text-align:center;
border:1px solid;
padding:2px 4px;
line-height:25px;
}

#paginas .seleccionada{
padding:2px 4px;
}

#paginas .anterior a,#paginas .siguiente a{
border:0px;
}

#paginas .total{
display:block;
margin-top:10px;
}


/*--- Contenido de main ---*/
.fotoprincipal{
    border:10px solid #e2e2e2;
    margin:0 auto;
    display:block; 
    width: 974px;   
}



#col3 #contenidomatriz{
    overflow:hidden;
}
#col3 #contenidoizq, #col3 .contenidoizq{
    margin-top:30px;
    margin-left:10px;
    float:left;
}
#col3 #contenidoder{
    margin-top:30px;
    margin-left:504px;
}
#col3 .contenido{/* formato del texto para los bloques contenido*/
    width:470px;
    text-align:left;
    font-family:Trebuchet MS, Arial, Verdana, Helvetica, serif;
    font-size:1.09em;   
}
#col3 .contenido img{
    border:5px solid #e2e2e2;
}
#etiqueta{
    position:absolute;top:80px;left:0;
}
/*--- accordeon---*/
#poster {
    margin:0 auto;
    text-align:left;
	height: 335px;
	width: 974px;
	background: #000000;
	border: 0px solid #ffffff;
}
.accordeon, .accordeon li, .accordeon img {
	margin:0;
	padding:0;
}
.accordeon {
	list-style:none;
	width:974px;
	height:335px;
	display:block;
	overflow:hidden;
}
.accordeon ul {
    margin:0;
    padding:0;
}
.accordeon li {
	float:left;
	display:inline;
	overflow:hidden;
}
/*--- SECCIONES ---*/
/*--- localización ---*/

#infobox{
    font-weight:bold;
    font-family:Arial, Verdana, Helvetica, serif;
}
#infobox h3{
    font-weight:bold;
}
/* --- Contacto --- */
h3.titulocontacto{
    margin:0 0 20px 0;
    padding:0;
    text-align:right;
    font-weight:bold;
    font-size:2.09em;
    font-family:Trebuchet MS, Arial, Verdana, Helvetica, serif;
    
}
dl{
    margin:0;
    padding:0;
    line-height:25px;
}
dt{
    width:90px;
    text-align:right;
    font-weight:normal;
}
label{
    font-weight:normal;
}
input{
    width:365px;
    font-family:Arial, Verdana, Helvetica, serif;
    border:1px solid #ddd;
}
textarea{
    border:1px solid #ddd;
    margin-top:2px;
    width:365px;
}
button{
	line-height:15px;
    background:#990002;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    border:0;
}

#col3 .infocontacto{
    margin-top:30px;
    margin-left:70px;
    width:450px;
    height:60px;
}
#col3 .infocontacto img{
    float:left;
    border:0;
}
#col3 .infocontacto p{
    padding-top:13px;
    margin-left:88px;
    font-family:Arial, Verdana, Helvetica, serif;
    font-size:2em;
    font-weight:bold;
}
#col3 .infocontacto a{
    color:#e2e2e2;
}
#barra{
    position:absolute;top:429px;left:500px;
    width:1px;
    height:375px;
    background:#333;
}
/* --- Productos --- */
#col3 a{
    color:#ff2424;
}
#col3 .showcategorias{
    margin-bottom:0px;
    width:400px;
    height:120px;
    font-size:1.25em;
    font-family:Arial, Verdana, Helvetica, serif;
    font-weight:bold;
    color:#ff2424;
    text-align:center;
    overflow:hidden;
}
#col3 .showcategorias img{
    border:5px solid #e2e2e2;
}
#col3 .showcategorias a{
    display:block;
    text-decoration:none;
}
#col3 .showcategorias span{
    display:block;
}

#col3 .showcategorias a:hover span{
    text-decoration:underline;

}
#col3 .showproductos{
    margin-bottom:40px;
    width:400px;
    overflow:hidden;
}
#col3 .showproductos .izq{
    width:152px;
    text-align:left;
    font-size:1.25em;
    font-family:Arial, Verdana, Helvetica, serif;
    font-weight:bold;
    color:#ff2424;
    float:left;
    overflow:hidden;
}
#col3 .showproductos .izq img{
    border:4px solid #e2e2e2;
}
#col3 .showproductos .izq p{
    margin-top:5px;    
}
#col3 .showproductos a:hover p{
    text-decoration:underline;
}
#col3 .showproductos .der{
    margin-left:167px;
    width:233px;
    font-family:Arial, Verdana, Helvetica, serif;
    text-align:left;
}
#col3 #imagenescocina img{
    margin:9px 0 9px 0;
}

/*#col3 img{
    border:6px solid #e2e2e2;
}*/
#tipoproducto{
    width:155px;
    text-align:center;
    font-weight:bold;
    font-size:1.25em;
    font-family:Arial, Verdana, Helvetica, serif;
    color:#E42D1F;
}
#tipoproducto img{
    border:5px solid #e2e2e2;
}
#col3 ul#marcas{
    margin:0;
    padding:0;
    text-align:center;
    list-style:none;
}
#col3 ul#marcas li{
    margin:0 20px 10px 0;
    padding:0;
    float:left;
    overflow:hidden;
}

#col3 ul#marcas li img{
border:1px solid #e2e2e2;
}

.textorojo{

    color:#FF2424;
}

/*--- mapa ---*/
#map_canvas{
    color:#000;
}
/*--- nota ---*/

#nota{
    width:325px;
    font-size:.83em;
    position:absolute;top:432px;left:0;
    color:#fff;
    text-align:left;
	padding:5px;
	padding-left:27px;
}
.error{
	background:url('../img/form/cancel.png') no-repeat 5px 3px;
	color:#000;
    border:2px solid #900;
}
.nota{
	background:url('../img/form/tick.png') no-repeat 5px 3px;
	color:#000;
    border:2px solid #70aa40;
}
.success{
	background:url('../img/form/tick.png') no-repeat 5px 3px;
	color:#000;
}
#col3 a img#rss{
    margin-bottom:-2px;
    border:0;
}