/* Hoja de estilos de sitio de Arafel  */

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

ul {margin:0; padding:0; list-style:none; line-height:16px}
li {background:url(../images/marker.gif) none }


body{
     margin: 0px;
	 background-color:#FFFFFF;
  	 padding:30px;
	 text-align:left;
}

div,input,select,textarea{
	font-size:11px;
    font-family:Tahoma; 
    color:#000000;
	line-height:14px; 	
}

.t2{
    color: #6b8cb8;
	font-size:10px;
}

/* Intro t3 */

.t3{
	line-height: 5px;
	 color: #6b8cb8;
	font-size:10px;
}

.t1{
    color: #a70000;
	font-size:30px;
	padding-top: 0px;

}

.t11{
    color: #a70000;
	font-size:30px;
    margin-top: 100px
}

.pol1{
    color: #000;
	text-decoration:none;
}
.w{
    color:#E1E2E0;
	font-size:10px;
	text-decoration:none;
}
.pol2{
    color:#7C7C7C;
	font-size:10px;
}
.pol3{
    color:#C60D02;
	font-size:10px;
}
.bl{
    color:#00618E;
}
.d{
    color:#000000;
}
.m{
    color:#9B9B9B;
	font-size:9px;
	text-decoration:none
}

a.pol1:hover{ text-decoration:underline}
a.w:hover{ text-decoration:underline}
a.pol3:hover{ text-decoration:none}
a.m:hover{ text-decoration:underline}
a.bl:hover{ text-decoration:none}
a.d:hover{ text-decoration:none}



.wrap{
	margin:0px;
	padding:0;
	display: inline-block;
	width:766px;
	height:auto;
	background:URL(../images/tall_h.gif) repeat-x ;
	/* background-position: center top; */
	


}

.wrapi {
	width: 766px;
	margin:0px;
	padding:0;
	display: inline-block;
	background:URL(../images/tall_h.gif) repeat-x ;
	border: 2px solid #777777;
	border-top: 0;
	margin: 0 auto;
	/* background-position: center top; */
	
}

#header{
	margin:0;
	padding:0;
	width:766px;
	height:158px;
	text-align:left;
	display:table;
	
	
}
#content {
	margin:0;
	padding:0;
	width:766px;
	height:auto;
	text-align:left;
	display:table;
}
#content2 {
	margin:0;
	padding:10px;
	width:766px;
	height:287px;
	text-align:justify;
	display:table;


}
#footer{
	margin:0;
	padding:0;
	width:100%;
	height:87px;
	text-align:left;
	display:table;
	background:URL(../images/tall_f.gif) repeat-x top;
	
}

h3 {
	
	font-weight: bold;
	font-style: italic;
}





body {
	margin: 10px auto;
	font: 75%/120% Verdana,Arial, Helvetica, sans-serif;
}

/* Menu del catalago */


.menu_head {
	padding: 5px 10px;
	cursor: pointer;
/*	position: relative; */
	margin:1px;
    font-weight:normal;
    background-color: #d8251a;
    background-repeat: no-repeat;
    background-position:right;
    color: white;
    font-size: 12px;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color: #808080;
  background-color:#ffffff;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}

.menu_body a:hover{
  color: #000;
  text-decoration:underline;
  }

/* Codigo de modificacion del catalago*/

.cabeza {
	width:505px;
	height:158px;
	float:left;
}

.logo {
	 margin-left:27px;
	 margin-right:10px;
	 margin-bottom: -100px;
	  margin-top:-10px; 
	  padding-top:-10px;
	  align= left;
}

#menu {
	margin-top: 101px;
	margin-bottom: 100px;
}

#toto {
	width:261px;
	height:158px;
	float:right; 
    padding:0px;
    margin: 0px;
    margin-top: -249px;
    margin-bottom: 0px;
    margin-left: 500px;
    margin-right: auto;
}

#contenedor {
	margin-left:10px;
	margin-top:5px; 
	width:687px; 
	height:auto;
}

#izquierda {
	
	width:200px;
	height:100%;
	position: absolute;
	margin-top: 160px;
	margin-left: 149px;
	top: 0;
	left: 0;
	
}


#derecho {
	
	top: 0;
    left: 0;
    padding:0;
	width:600px;
    margin-left: -200px;
    margin-top: -86px;
    overflow: hidden;
    position: relative;

    
    
    

}

#mapa {
	font-size: 20px;
	padding-bottom: 10px;
}

#pie{
	margin:0;
	padding:0;
    position: relative;
	margin-top: 500px;
	margin-left: 50px;
	width:673px;
	height:auto;
	text-align:left;
    background:transparent url(../images/tall_f.gif) repeat-x scroll center top;	top: 0;
	left: 0;
}

.menu_list {	

	width:166px;
	height:100%;
	margin-top: -195px;
	margin-left: -600px;
    overflow: visible;
	
}

	/* jQuery lightBox plugin - Gallery style */
	
	#gallery {
		background-color: #fff;
		/*display: inline-table;
		/*position: relative;*/
		margin-left: 165px; 
        margin-top: -125px;
        width: 600px;
        overflow: hidden; 

        
		
	}
	
	#gallery ul { 
	
	      list-style: none;
	}
	
	#gallery ul li { 
	
	display: inline; 
	
	}
	
	#gallery ul img {
		border: 10px solid #7c7c7c;
		border-width: 10px 10px 10px;

}
	#gallery ul a:hover img {
		border: 10px solid #7c7c7c;
		border-width: 10px 10px 10px;
		color: #fff;

	}
	#gallery ul a:hover { color: #000; }

/* MENU DEL CATALOGO */


#menuno{
			background: url(../images/bnormal.jpg);
			font-size: 15px;
			width: 160px;
			height: 32px;
			text-align: center;
	        text-transform: capitalize;
	        text-decoration: none;
}
		
		/*IE*/
		
#menuno a:hover{
	
			background: url(../images/bover.jpg);
			background-position: center;
			width: 160px;
			height: 32;
			text-decoration: none;


		}
		
#menuno td:hover {

			background: url(../images/bover.jpg);
			background-position: center;
			width: 160px;
			height: 32;
			text-decoration: none;
}
		
		/*Firefox*/
		
#menuno:hover{
	
			background: url(../images/bover.jpg);
			background-position: center;
			/*cursor: pointer;*/
			font-size: 15px;

		}
		
		
		
.rojo {
	background: url(../images/bon.jpg);
}

 /* letras del submenu  (pantalon, camisetas, blusas...)*/
 
.sub {
	font-size: 12px;
	color: #595959;
	text-decoration: none;
	margin-left: 10px;
}

li {
	text-align: left;
}

li a:hover{
	color: red;
}

li a:active {
	background-color: blue;
}

li a:active:after {
	background-color: green;
}

.link{
	background:url(../images/bnormal.jpg) left no-repeat;
	display:block;
	margin:10px 0 3px 0;
	padding:7px 70px 7px 5px; 
	color:#646464;
	text-decoration:none;
	font-size: 15px;
}

.link:hover{
	color:#48b;
	background:url(../images/bover.jpg) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
	text-decoration:none;
}

.linkSeleccionado{
	background:url(../images/bon.jpg) left no-repeat;
	display:block;
	margin:10px 0 3px 0;
	padding:7px 70px 7px 5px; 
	color:#fff;
	text-decoration:none;
	font-size: 15px;
}

.linkSeleccionado:hover{
	text-decoration:none;
	color:#fff;
}

.linkFamilia {

	font-size: 12px;
	margin-left: 10px;
	color: black;
	line-height: 5mm;
	text-decoration: none;
	text-align: left;
	
}

.linkFamilia a:link {
 text-decoration: none;
 line-height: 5mm;	
}

.linkFamilia:visited {

	text-decoration: underline;
	line-height: 5mm;
}

.linkFamilia:hover {

	text-decoration: underline;
	line-height: 5mm;
}

.linkFamilia:active {
	background-color: red;
	color: white;
	line-height: 5mm;
}

/* Estilo del texto del indicador de navegación encontrador en la parte superior de los productos*/

.titulo {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #c10c03;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*border-bottom-style: groove;*/
	border-bottom-color: #6d6d6d;
}

/* Estilo de las letras debajo de las fotografias pequeñas de productos */


.modelo {
	text-align: center;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}