/* CSS Document */

body {
    margin: 0px;
	padding: 0px;	
    font-family:tahoma;
	font-size:12px;
    text-align: left;
	line-height:15px;
	color:#000;
    background: url(img/bgtopmovil.jpg) #fcb913 center top no-repeat;
	text-align: center;
}


p {
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 150%;
	letter-spacing: 0em;
}

/* -- ELEMENTO BÁSICOS DE HTML -- */


/* Relacionado con los encabezados */

h1 {
	margin: 0px; 
	padding:10px 5px 10px 15px;
	color: #fff;
	font-family: arial,sans-serif;	
	font-size: x-large !important;
	background-color: #333;
}

h2 {
	margin-top: 0px; 
	margin-bottom: 0.5em; 
	padding:5px 5px 5px 15px;
	margin-right:2px;
	color:#656565;
	background-color:#F2BC00;	
	font-family: arial,sans-serif;
	font-size: large !important;
}

h2 span { color: #FF0000}


h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #026;
	font-family: arial,sans-serif;
	ont-size: small !important;
}

h4 {	
	margin: 0px 0px 5px;
	color:#EC7600;
	font-weight: bold;
	font-family: arial,sans-serif;
	font-size: small !important;	
}

h5 {
	font-weight: bold; 
	margin: 0px 0px 5px; 
	color: #693;
	text-transform:uppercase;
	font-size: x-small !important;
}


/* Relacionado con los links */

a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}


a:hover   {color: #BD3D00; text-decoration: none;}


p a {
   font-family:Tahoma;
}

/* Relacionado con las listas */


ul {
	margin-top: 0.5em;
	padding-left: 17px; 
	margin-left: 17px;
	list-style-position: outside; 
	list-style-image: url(img/cuared.gif);
	line-height: 120%;	
}

ol {
	margin-top: 0.5em;
	margin-left: 20px;
	padding-left: 20px;
	list-style-position: outside;
	line-height: 150%
}

li {
	margin-bottom: 4px
}



ul.lista1{
 list-style:url(images/arr.gif);
}


/* Relacionado con las imagenes */

img {border: 0; padding: 0;}

.tipo1, .tipo2, .tipo3  {
  padding: 2px;
  border: #bd3d00 1px solid;
}

.tipo1 { float:right;     margin: 5px 0px 0px 5px; }
.tipo2 { float:left;      margin: 5px 5px 0px 0px; }
.tipo3 { margin: 0 auto;  margin: 5px 5px 0px 0px; }



/* Relacionado con las tablas */

td {
    padding:0px;	
	vertical-align: top; 	
}

td em{
      font-size: xx-small !important
}

table {
	border-collapse: collapse;
	margin-bottom:0px;
	padding-bottom:0px;
}

hr {
    border-width: 0px;
	clear: both;
	color: #bce;
	height: 1px;
	background-color: #bce;
}



/* Relacionado con los formularios */

form {
 padding:0;
 margin:0;
}

fieldset {
 	width: 450px;
	font-style: normal; 
	font-family: "Arial", verdana, sans-serif; 
	text-align: right;
}

fieldset.f1 input{
 width: 290px;
 height: 12px;
}

fieldset.f1 textarea{
 width: 290px;
}

fieldset.f1 table{
  margin-right:35px;
} 

fieldset.f1 td{
  padding:5px;
 
}

/* Separadores de paginas */

hr { display:none;}

div.linearetorno, div.separador{
  clear:both;  
}

div.separador{
  width:100%;
  height:10px;
  margin-bottom:10px;
  border-bottom:#bd3d00 1px dashed;  
}












/* FORMATEADOR DE PAGINA */

#contenedor{
	margin: 0px auto; 
	padding: 0;
    text-align: left;
	width: 780px; 

}



/* PARTE SUPERIOR DEL WEB */

#intro{
  padding: 0;
  width: 100%;  
  margin-left:2px;
  margin-top:52px;
}


#logo{
   float:left;
   margin-left:2px;
   width:200px;
}



#menuTop{    
    width:420px;
    float:right;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	margin:10px 10px 0px 0px;
}


#menuTop ul{
  margin: 0px; 
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
}

#menuTop li{
  float:right;
  margin:0px;
  padding:0px;
}

#menuTop ul li a{
    display: block;
	padding:0px 10px 0px 10px;
    color: #5c5c5c;	
    background:url(img/cuared.gif) left no-repeat;
	/*background-position: 8px 8px;	*/
	text-decoration:none;
}

#menuTop ul li a:hover{
   color:  #006699;
   text-decoration:underline;
}




#buscador {
    margin: 27px 15px 2px 0px;
    float:right;	
	display:inline;
	vertical-align: top;
	color: #fff; 
	font-family: arial,sans-serif;
	text-align: right;
}

#buscaBox {
	width: 187px;
}

#buscaInput {
	width: 124px;
	height:1.2em;
	font-family: arial,sans-serif;
	vertical-align: top;
	border:1px;
	background-color:#CCCCCC;
	letter-spacing:0.1em;
}

#buscaSubmit {
	margin: 1px;
	vertical-align: top;
	height:auto;	
}




/* MENU PRINCIPAL */

#nav {
    clear:both;
	border-bottom: #000 3px solid;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 	
	width: 100%;
}

#nav td {
    padding: 0px 2px 0px 2px;	
	text-align: center;
}
#nav a {
	padding:7px 0px 7px 0px;
	display: block; 
	width: 100%;
	color: #fff; 
	text-decoration: none;
}


#tpMnu1, #tpMnu2, #tpMnu3, #tpMnu4, #tpMnu5{
 	display: none; 
	position: absolute;
	z-index: 2;
	width: 190px; 	
	/*
	border-left: #46a 1px solid; 
	border-right: #46a 1px solid; 
	*/
	border-bottom: #000 2px solid;  	
}



div.mDD a {
	padding:6px 0px 6px 10px;
	display: block; 
	width: 180px;
	color: #fff;
	text-decoration: none;
}

div.mDD a:hover {
	display: block;
	color: #fff;
	background-color: #fc3;
}


#tpMnu1 a, #tpMnu2 a, #tpMnu3 a, #tpMnu4 a, #tpMnu5 a{
	font-size: small;
}



#mnSpn1 {
	 width: 115px
}
#mnSpn2 {
	 width: 115px
}
#mnSpn3 {
	 width: 175px
}
#mnSpn4 {
	 width: 155px
}
#mnSpn5 {
	 width: 115px
}


iframe.navIFrm {
	display: none;
	position: absolute;
	top: 220px;
	width: 180px;
	border-style: none;
}

#navIFrm1 {
	height: 42px;
}
#navIFrm2 {
	height: 42px;
}
#navIFrm3 {
	height: 42px;
}
#navIFrm4 {
	height: 84px;
}
#navIFrm5 {
	height: 42px;
}








#tpMnu1, #mnSpn1{
    background-color: #ff0000;
}

#tpMnu2, #mnSpn2{
    background-color: #7F7F7F;
}

#tpMnu3, #mnSpn3{
    background-color: #F49A25;
}

#tpMnu4, #mnSpn4{
    background-color: #1C951C;
}

#tpMnu5, #mnSpn5{
    background-color: #042069;
}



	








/* CUERPO CENTRAL DEL WEB */
#pagebody{
 margin:0px;
 margin-left:2px;
 padding:0px;
 width:100%;
}

#sidebar{
  margin: 0px;
  padding-left:5px;
  padding-top:5px;
  width:205px;   
}

#contHome, #contContactar, #contMarcas, #contQuienes{
  padding:15px 20px 0px 20px;	width: 530px; 
}

#contHome div, #contContactar div, #contMarcas div, #contQuienes div{
  padding-left:200px;  height:180px;color:#111;  
}

#contHome div{
	background:url(img/im_home.jpg) #fff left no-repeat;
}
#contContactar div{
	background:url(img/im_contactar.jpg) #fff left no-repeat;
}
#contMarcas div{
	background:url(img/im_marcas.jpg) #fff left no-repeat;
}
#contQuienes div{
	background:url(img/im_quienes.jpg) #fff left no-repeat;
}



#cat_at, #cat_eb{
  padding:15px 20px 0px 20px;	width: 500px; 
  border-bottom:#666666 2px solid;
}

#cat_at{
  background:url(img/im_at.jpg) #fff left top no-repeat;
}

#cat_eb{
  background:url(img/im_eb.jpg) #fff left top no-repeat;
}

#cat_at div, #cat_eb div{
 padding-left:200px;  height:180px;color:#111;  

}

#cat_at div p, #cat_eb div p{
  margin-left:5px;
  margin-top:10px;
}

#contHome ul {
    padding-left:50px;
}

#contenido{
 width:548px;
 margin: 0px;
 padding:5px 0px 20px 20px;
}

.td#contenido {
	margin-top: 0px; 
	letter-spacing: 0em;
}


.titcate{
  width: 100%;
  margin-bottom:10px;
  border-bottom:#FF9933 dashed 1px;
}

#navegador{
  padding:1px 1px 1px 10px;
  margin-bottom:5px;
  margin-right:2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  height:18px;
  border:#000 1px solid;
  background-color:#FFF0BA;
}




#navegador a{
  color: #5c5c5c;
} 


#navegador a:hover {
  color:  #000;
  text-decoration:none;
}	








#menu3 {
	font-weight: bold;
	padding-right:5px;	
}

#menu3 ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
}



#menu3 li {
    margin:0px;
    margin-bottom: 2px;
	padding:0px;
}



#menu3 ul li a {
	display: block;
    margin:0px;
	padding:6px 2px 6px 25px;
	background:url(img/ico1.gif) no-repeat;
	background-position: 8px 8px;	
	color: #444;
	text-decoration: none;
    border:#fcb913 1px solid;
}



#menu3 ul li a:hover {
	color: #444; background-color:#fcb913; 
}

#menu3 ul li a.slctd {
	color: #555; background-color: #fff;
}

#menu3 ul li a.slctd:hover {
	color: #555; background-color: #fff;
}


#menu3 ul li li a {
    margin-left:10px;
	background: url(img/mprin.gif) #ccc no-repeat;
	background-position: 15px 10px;	
	border:none;
	border-bottom:#fff 1px solid;
}

#menu3 ul li li li a {
      margin-left:15px;
      padding-left:30px;
	  background: url(img/mprin.gif)  no-repeat;
	  background-position: 20px 10px;	
}


#menu3 ul li li li li a {
      margin-left:20px;
      padding-left:30px;
	  background: url(img/mprin.gif)  #ddd no-repeat;
	  background-position: 20px 10px;	
}




#mprin {
	font-weight: bold;
	padding-right:5px;	
}


#mprin ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
}

#mprin li {
    margin:0px;
	padding:0px;
}

#mprin ul li a {
    margin:0px;
	padding:6px 2px 6px 20px;
	display: block;
	background: url(img/mprin.gif) #ccc no-repeat;
	background-position: 8px 12px;	
	color: #444;
	text-decoration: none;
	border-bottom:#fff 2px solid;
}

#mprin ul li a:hover {
	color: #444; background-color: #f8f8f8;
}

#mprin ul li a.slctd {
	color: #555; background-color: #fff;
}

#mprin ul li a.slctd:hover {
	color: #555; background-color: #fff;
}

#mprin ul li li a {
    margin:0px;
	padding:6px 2px 6px 35px;
	display: block;
	color: #444;
	text-decoration: none;
}



















/* PIE DE PAGINA */

#piebloque{
  clear:both;
  margin: 10px 10px 10px 10px; 
  padding:0px 0px 0px 5px;
  width:760px;
  height:40px;
  font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  background: #eee url(img/minilogo.gif) no-repeat;
  border: solid 1px #FFCC33;
}


#pie1{
 float:left;
 margin-top:12px;
 margin-left:20px;
}

#pie2{
 float:right;
 margin-top:12px;
 margin-right:5px;
}

#pie1 a, #pie1 a:visited, #pie2 a, #pie2 a:visited {
  color:#656565;
  text-transform:capitalize;
  margin-left:2px;
  margin-right:2px;
  text-decoration:none;
}

#pie1 a:hover, #pie2 a:hover {
   color:#000;
   text-decoration:underline; 
}




/* MOSTRANDO ARTICULOS */

/* Listado articulo */
.larticulo{
  width:100%;
  padding-right:10px;
 }

.fprod{
 float:left; 
 margin:0px;
 padding:5px;
 width: 200px;
 /*border:#CC6600 1px solid;*/
}

.fprod img{
 margin:0px;
}

.dprod{
 float:left; 
 width: 200px;
 padding-left:5px;
}

.dprod h4  {	
    padding-bottom:2px;
    border-bottom:#FF0000 2px solid;
	text-decoration:none;
}

.dprod p{
  text-align:justify; 
  font-size:11px;
}


p.aviso{
   padding:10px;
   font-size:12px;
   line-height:18px;
}

.scroll{
 color:#FF6600;
}

.scroll, .scroll a{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 letter-spacing:4px;
}

.scroll a{
 color:#000000;
 text-decoration:none;
 border:#000066 1px solid;
}

.scroll a:hover{
  background-color:#CCCCCC;
}


/* Ficha del articulo individual */

.prod, .mosaicfotos{
 padding-left:5px;
}

.prod h4  {	
    padding-bottom:2px;
    border-bottom:#FF0000 2px solid;
	text-decoration:none;
}

.prod p{
  text-align:justify; 
  font-size:14px;
  margin-bottom:20px;
  margin-right:15px;
}

.prod img{
 margin:5px;
 margin-left:0px;
 padding:5px;
 border:#CC6600 1px solid;
}

.mosaicfotos img{
 margin:5px;
 margin-left:0px;
 padding:5px;
 border:#CC6600 1px dashed;
}


/* Pagina Home */

.promo{
  float: left;
  margin-right:2px;
  width:175px;
}

.promo h4  {	
  clear:both;
  margin-top:5px;
  padding-top:5px;
  padding-bottom:2px;
  line-height:12px;
  height:25px;
  border-bottom:#FF0000 2px solid;
  text-decoration:none;
}

.promo p{
 font-size:11px;
 margin:0;
 padding:4px;
 height:50px;
 background-color:#ddd;
}


.fpromo{
 float:left; 
 margin:0px;
 padding:5px;
 height: 130px;
 /*border:#CC6600 1px solid;*/
}


.fpromo img{
 width:160px;
 border:none;
/*
 margin:5px;
 margin-left:0px;
 padding:5px;
 border:#CC6600 1px solid;
 */
}

/*
.promo img{
 margin:5px;
 margin-left:0px;
 padding:5px;
 border:#CC6600 1px solid;
}
*/

/* Campos de entrada*/

INPUT.text {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000033 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 11px arial,sans-serif; BORDER-LEFT: #000033 1px solid; COLOR: #000033; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #e5e5e5
}
INPUT.password {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000033 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 11px arial,sans-serif; BORDER-LEFT: #000033 1px solid; COLOR: #000033; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #e5e5e5
}
INPUT.checkbox {
	CURSOR: hand; COLOR: #000033; BACKGROUND-COLOR: #fff
}
INPUT.radio {
	CURSOR: hand; COLOR: #000033; BACKGROUND-COLOR: #fff
}

INPUT.submit {
	BORDER-RIGHT: #000033 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #eee 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 11px arial,sans-serif; BORDER-LEFT: #eee 2px solid; COLOR: #000033; PADDING-TOP: 2px; BORDER-BOTTOM: #000033 2px solid; BACKGROUND-COLOR: #dddddd
}

SELECT {
	BORDER-RIGHT: #000033 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 11px arial,sans-serif; BORDER-LEFT: #ccc 1px solid; COLOR: #000033; PADDING-TOP: 0px; BORDER-BOTTOM: #000033 1px solid; BACKGROUND-COLOR: #e5e5e5
}
TEXTAREA {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000033 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 11px arial,sans-serif; BORDER-LEFT: #000033 1px solid; COLOR: #000033; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #e5e5e5
}