﻿/* Estilo hispamicro.com */

* 
{
    padding:0;
    margin:0;
}

a:link { color:blue; text-decoration:none }
a:visited { color:blue; text-decoration:none }
a:hover { color:black; text-decoration:underline }
a:active { color:blue; text-decoration:none }

#sombra_arriba 
{
    width:991px;
    height:37px;
    margin:0 auto;
    background:url(../img/f_arriba.gif) bottom no-repeat;
}

#sombra_lateral
{
    width:991px;
    margin:0 auto;
    background:url(../img/f_lateral.gif) repeat-y;
}

#sombra_abajo
{
    width:991px;
    height:20px;
    margin:0 auto;
    background:url(../img/f_abajo.gif) top no-repeat;
}

#banner_pub
{
    margin:0 auto;
    width:954px;
    height:107px;
    background:url(../img/banner.jpg) no-repeat;
}

#menu_principal
{
    margin:0 auto;
    width:954px;
    height:34px;
    background:url(../img/menu.jpg) no-repeat;
    vertical-align:top;
}

#zona_principal
{
    width:954px;
    margin-left:18px;
}

#contenido_holder
{
    width:753px;
    padding-top:0px;
    min-height:600px;
    float:right;
}

.link a:link { color:black; text-decoration:none }
.link a:visited { color:black; text-decoration:none }
.link a:hover {	color:Blue; text-decoration:none }
.link a:active { color:black; text-decoration:none }
.link 
{
    text-align:center;
    font-size:12px;
    padding-bottom:10px;
}

.link_sub a:link { color:Blue; text-decoration:none }
.link_sub a:visited { color:Blue; text-decoration:none }
.link_sub a:hover {	color:Red; text-decoration:underline }
.link_sub a:active { color:Blue; text-decoration:none }

#promos1 a:link { color:#333; text-decoration: none; font-family:Arial; font-size:xx-small }
#promos1 a:visited { color:#333; text-decoration: none; font-family:Arial; font-size:xx-small }
#promos1 a:hover { color:blue; text-decoration: none; font-family:Arial; font-size:xx-small }
#promos1 a:active { color:#333; text-decoration: none; font-family:Arial; font-size:xx-small }
#promos1
{
    width:500px;
    margin:auto;
    float:left;
/*    padding-left:15px; */
}

#login
{
    width:740px;
    margin:auto;
    float:left;
}

.boxpromo1
{
    background:url(../img/boxpromo.jpg);
    height:161px;
    width:254px;
}

.contenedor_promos1
{
    margin-left:5px;
    margin-top:5px;
    width:240px;
    height:135px;
}

#menu
{
    float:left;
    width:193px;
    padding-top:20px;
}

.imagen_promos1
{
     float:left;
     width:90px;
     height:68px;
     margin-top:10px;
     margin-right:5px;
     background:url(../img/sinimagen.gif);
}

.contenidos_promos1
{
    /* padding-left:5px;
    margin-top:0px; */
    height:125px;
    width:140px;
    margin-left:2px;
    padding-right:2px;
    float:right;
}

.titulo_promos1
{
    font-weight:bold;
    font-size:small;
    color:blue;
    padding-top:10px;
}

.descripcion_promos1
{
     text-align:justify;
     height:40px;
     padding-top:10px;
}

.menu_titulo_pub p,
.menu_titulo_pub_rojo p
{
    font-size:medium;
    color:#FFF;
    font-weight:bold;
    height:24px;
    text-align:center;
}

.menu_titulo_pub 
{
    background:url(../img/cabfichas.gif) no-repeat top;
    margin-bottom:10px;
}

.menu_titulo_pub_rojo 
{
    background:url(../img/cabficharojo.png) no-repeat top;
    margin-bottom:10px;
}

.menu_contenido_pub a,
.menu_contenido_pub_rojo a
{
    border-bottom:solid 1px #d5d5d5;
    border-left:solid 1px #d5d5d5;
    border-right:solid 1px #d5d5d5;
    text-align:left;
    font-size:small;
    font-family:Tahoma;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    display:block;
    position:relative;
}

.menu_contenido_pub a
{
    background-color:#ddefef;
}    

.menu_contenido_pub_rojo a
{
    background-color:#eeaeaf;
}

.menu_contenido_pub a:link,
.menu_contenido_pub_rojo a:link { color:black; text-decoration:none }
.menu_contenido_pub a:visited,
.menu_contenido_pub_rojo a:visited { color:black; text-decoration:none }
.menu_contenido_pub a:hover,
.menu_contenido_pub_rojo a:hover { color:Blue; text-decoration:underline }
.menu_contenido_pub a:active,
.menu_contenido_pub_rojo a:active { color:black; text-decoration:none }

.promo1_lateral img
{
    border:0px; 
    color:#FFF;
}

#texto_empresa
{
    float:left;
    padding-top:8px;
    padding-left:15px;
    font-weight:bold;
    font-size:12px;
}

#empresa_pub,
.contacto
{
    width:700px;
    margin:auto;
    padding-left:15px;    
}

#empresa_pub p
{
	text-align:justify;
	font-family:verdana;
	font-size:x-small;
	padding-bottom:8px;
	
}

.cuadro_direcciones 
{
    width:221px;
    height:150px;
    background:url('/pub/img/cuadro_direcciones.jpg') no-repeat;
}

#foto_contactar
{
    background:url('/pub/img/contactar.jpg') no-repeat left top;
    width:236px;
    height:285px;
    margin-right:15px;
}

#empresa_pub .imagen_empresa
{
    float:right;
    padding-right:20px;
    padding-left:20px;
}

#empresa_pub table
{
	text-align:justify;
	font-family:verdana;
	font-size:x-small;
	padding-bottom:8px;
	
}

.caja_fabricante_pub
{
    float:left;
    width:350px;
    margin-bottom:40px;
}

.foto_fabricante
{
    height:55px;
    width:112px;
    float:left;
    padding-right:10px
}

.texto_fabricante
{
    height:200px;
    font-size:small;
    text-align:justify;
    padding-right:20px
}

.tit
{
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
	font-weight: bold;
	width: 100%;
	color:Blue;
}

.ContentCell {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color:White;
  text-align:justify;
}

/* Easy Slider */
    
    #slider
    {
        margin-left:18px;
    }
	#slider ul li img 
	{
	    border:none
	    }    
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:250px;
		overflow:hidden; 
		}	
		
	/* numeric controls */	

	ol#controls{
		margin-left:18px;
		padding:0;
		height:20px;
		}
	ol#controls li{
		margin:0px; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#999;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

/* // Easy Slider */

#zona_promos_inicio
{
     float:right;
     width:193px;
}

#punto_venta_tit
{
    width:500px;
    padding-left:140px;
}

#costexpagina_tit
{
    width:500px;
    padding-left:0px;
}


#punto_venta_tit 
{
    background:url(/pub/img/logopuntoventa.jpg) no-repeat top left;
}

#costexpagina_contenedor
{
    padding:40px;
    border:solid 8px #dd0013;
    -moz-border-radius:15px 55px 5px;
    -webkit-border-radius: 15px 55px 5px;
}

#punto_venta_contenedor
{
    padding:40px;
    border:solid 8px #dd0013;
    -moz-border-radius:15px 55px 5px;
    -webkit-border-radius: 15px 55px 5px;
}

#costexpagina_tit 
{
    background:url(/pub/img/logocostexpagina.jpg) no-repeat top right;
}

#punto_venta_tit ul
{
    text-align:justify;
    font:normal x-small Verdana, Arial, sans-serif;
    margin-bottom:20px;
    width:450px;    
}

#costexpagina_tit ul
{
    text-align:justify;
    font:normal x-small Verdana, Arial, sans-serif;
    margin-bottom:20px;
    width:450px;
}


#punto_venta_texto p,
#costexpagina_texto p
{
    font-size:small;
}    

h1
{
    text-transform:uppercase;
    font:normal 16px Verdana, Arial, sans-serif;
    color:#dd0013;
    font-weight:bold;
    padding-bottom:10px;
}

h2
{
    text-transform:uppercase;
    font:normal 12px Verdana, Arial, sans-serif;
    color:black;
    font-weight:bold;
    padding-bottom:10px;
}

.separador 
{
    width:486px;
    height:5px;
    background:transparent url('/pub/img/sombra486.png') no-repeat;
    margin-left:auto;
    margin-right:auto;
    margin:auto;
    margin-top:15px;
    margin-bottom:15px;
}
