/*-------------- Reseting ---------------- */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym,
img, s, small, strike, sup, sub,
dl, dt, dd, ol, ul, li, form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ 	margin: 0; padding: 0;
	border: 0; outline: 0;
 	font-weight: inherit;
 	font-style: inherit;
 	font-size: 14px;
 	font-family: inherit;
 	vertical-align: baseline;
 	background: transparent }

 html { font-size: 100.01%; height: 100%; position: relative;}

 body {
 	margin: 0;
	padding: 0;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    background: #ffffff url(../images/background.jpg) repeat-x scroll  top left;
 }

/*----------generales--------*/
.clear { clear:both; }
a img {border:0;}
.marcado { color: #e40d2e; font-size: 14px; font-weight: bold; font-family: Verdana, Arial;}
.marcado-seccion { color: #e40d2e; font-weight: bold; font-family: Verdana, Arial;}
.negrita { color:#333333; font-size: 14px; font-weight: bold; font-family: Verdana;}
.negrita-seccion { color:#333333; font-size: 16px; font-weight: bold; font-family: Verdana;}
a { color:#333333; text-decoration: none;}
a:hover {color:#e40d2e;}
#ruta a { color:#e40d2e; font-size: 12px; font-family: Verdana; text-decoration: underline;}
h1 { font-family: Verdana; font-weight: bold; font-size: 22px; border-bottom: #333333 dotted 1px; padding: 20px;}
h2 { font-family: Verdana; font-weight: bold; font-size: 12px; padding: 0 0 0 160px;}
h3 { position: absolute; margin:59px 0 0 20px; padding: 0; text-align: left; color:#333333; font-family: Verdana; font-weight: bold; font-size: 24px;}
h4 { font-family: Verdana; font-weight: bold; font-size: 12px; margin: 0; padding: 10px 0 10px 0; }
h5 { font-family: Verdana; font-weight: bold; font-size: 18px; margin: 0; padding: 10px 0 0 0;}
h6 { font-family: Verdana; font-size: 12px; margin: 0; padding: 0 0 10px 0; border-bottom: #333333 dotted 1px;}/*fecha blog*/
.titulo-blog { font-family: Verdana; font-weight: bold; font-size: 22px; padding:20px 20px 0 20px;} /*título blog*/

.paginator { padding-right: 5px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: 2px solid #e40d2e; margin-right: 5px; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px; margin-bottom: 10px;}
a.paginator:hover { text-decoration: none;}

/*----------cabecera------*/
#contenedor {
margin:0 auto;
overflow:hidden;
padding:0;
width:975px;
}
#cabecera {margin:0 auto; padding:0; width:975px; overflow:hidden;}
#cabecera .logo {float:left; width: 185px; height: 91px; margin: 0; padding: 0;}
#menu { float: right; background: url(../images/fondo_menu.jpg) no-repeat; width: 735px; height: 91px; margin: 0; padding: 0;}
#botonera { float: right; margin:50px 0 0 0; padding:0; width: 729px;}
#botonera li {float:left; margin:0; padding:0 20px; height: 27px; list-style: none; font-family: Verdana, Arial; font-size: 14px; border-right: #333333 solid 1px; }
#idiomas { position:absolute; margin: 20px 0 0 550px; padding:0;}
#idiomas li { margin: 0; padding:0 10px 10px 0; list-style: none;}
#idiomas li img {margin:5px 0 0 0; padding: 0 10px 0 0;}
#imagen-central { position: relative; width: 974px; margin: 0; padding: 0;}
#imagen-central p {
color:#FFFFFF;
font-family:Verdana;
font-size:14px;
font-style:italic;
font-weight:bold;
padding-left:720px;
padding-top:55px;
position:absolute;
text-align:right;
}
#ruta {margin:0 0 10px 0; padding: 0 0 0 7px;}

/*------ menu desplegable -----*/

#botonera ul { background-color: #ffffff; position:absolute; visibility: visible; width:184px; margin:10px 0 0 -21px; padding:10px; z-index: 1000; border-left: #000000 solid 1px; border-bottom: #000000 solid 1px;border-right: #000000 solid 1px;}
#botonera ul li { border: none; width:150px;}

/*----------- contenido home -----------*/

#contenido {width: 960px; margin: 0 auto; padding: 10px 0;}
#contenido a:visited {
  color: #999999;
}                
#seccion1 { 
background:#FCFCFC url(../images/fondo_secc1.jpg) repeat-x scroll 0 0;
float:left;
height:165px;
margin:0;
padding:0 20px 10px;
width:420px;
}
#seccion1 a { color: #e40d2e; text-decoration: underline; padding: 0 0 0 20px; line-height: 12px;}

#seccion2 { 
background:#FCFCFC url(../images/fondo_secc1.jpg) repeat-x scroll 0 0;
height:165px;
margin:0 0 0 489px;
padding:0 20px 10px;
}
#seccion2 img { padding:0 20px;}
#seccion2 .boton-ir { position: absolute; width: 41px; height: 30px; background: url(../images/boton_ir.jpg) no-repeat; margin: 20px 0 0 20px; padding: 0;}
#seccion2 .boton-ir:hover { background-image: url(../images/boton_ir_over.jpg);}

#seccion3 { background: #fcfcfc url(../images/fondo_secc3.jpg) repeat-x; margin:20px 0 0 0; padding:0 20px 10px 20px;}
#prod1 { float: left; margin:10px 0 0 0; padding: 0; width: 440px;}
#prod2 { float: right; margin:10px 0 0 0px; padding: 0; width: 440px;}
#prod3 { float: left; margin:20px 0 0 0; padding: 0; width: 440px;}
#prod4 { float: right; margin:20px 0 0 0px; padding: 0; width: 440px;}
#seccion3 #prod1 p, #seccion3 #prod2 p, #seccion3 #prod3 p, #seccion3 #prod4 p  { margin: 0; padding: 10px 0 0 160px; font-size:14px;}
#prod1 .boton-ver, #prod2 .boton-ver, #prod3 .boton-ver, #prod4 .boton-ver {position: absolute; width: 64px; height: 30px; background: url(../images/boton_ver.jpg) no-repeat; margin: 10px 0; padding:0;}
#prod1 .boton-ver:hover, #prod2 .boton-ver:hover, #prod3 .boton-ver:hover, #prod4 .boton-ver:hover {background-image: url(../images/boton_ver_over.jpg);}
#seccion3 .boton-todos { display: block; width: 270px; height: 30px; background: url(../images/boton_ver_todos.jpg) no-repeat; margin:30px 0 20px 480px; padding: 20px 0 0 0;}
#seccion3 .boton-todos:hover { background-image: url(../images/boton_ver_todos_over.jpg);}

/*---------- contenido interior ----------*/

#col1 { float: left; width: 610px; background: #f6f6f6 url(../images/fondo_secc3.jpg) repeat-x;  padding:0;}
#post1, #post2, #post3 { margin:0 ; padding:10px 20px;}
#post1 h1, #post2 h1, post3 h1 { margin:0; padding:0 0 20px 0;}
#post1 p, #post2 p, #post3 p { margin:0; padding:10px 0 10px 0; text-align: justify;}
.imagen { margin: 10px 10px 10px 10px; padding: 0;}


#col2 { float: right; width: 313px; background: #f6f6f6 url(../images/fondo_secc3.jpg) repeat-x; margin: 0 0 30px 0; padding: 0 0 20px 0; }
#col2 h1 { margin: 0; padding: 0 0 20px 0; border-bottom: #333333 dotted 1px;}
#seccion { margin: 0; padding: 20px;}
#seccion ul { margin: 0; padding: 10px 0 10px 0; list-style: none; font-size: 14px; font-family: Verdana; line-height: 25px;  border-bottom: #333333 dotted 1px;}
#seccion ul li ul { margin: 0; padding: 10px 0 10px 20px; border: none;}
#menu-lateral { margin: 0; padding:0 20px;}
#menu-lateral ul { margin: 0; padding: 0 0 10px 0; list-style: none; font-size: 14px; font-family: Verdana; line-height: 14px; }
#menu-lateral ul li { margin: 0; padding: 10px 0 0 0;}
#menu-lateral ul li ul { margin: 0; padding: 0 0 0 20px;}

/*------------- contenido productos ---------*/

#paquete {margin: 0; padding:0 20px 20px 20px;}

.flecha { float: right; margin:0; padding: 10px 0 0 0; background: url(../images/flecha.gif) no-repeat; width: 19px; height: 19px;}
.flecha:hover { background: url(../images/flecha_off.gif) no-repeat; }

.ver { float: left; margin: 0; padding: 0;}

#producto1, #producto2, #producto4, #producto5, #producto7, #producto8, #producto10, #producto11 { float: left; margin: 0;  width: 180px; padding: 0 15px 0 0; height:250px;}
#producto3, #producto6, #producto9, #producto12 { float: left; margin: 0; padding:0; width: 180px; padding: 0 0 55px 0;}

/*----------- ficha de productos ---------*/

#imagen_principal { float: left; margin: 0; padding:0 5px 20px 20px; border: none;}
#fotos-peq { float: left; width: 215px; margin: 0; padding: 0 5px;}
#fotos-peq img { margin: 0; padding: 0 5px 10px 0;}


#descripcion { margin: 0; padding: 0 20px 20px 20px;}

/*------------ blog ------------*/

.uso_y_aplicaciones { margin: 0; padding: 10px 0; text-align: justify; border-bottom: #333333 dotted 1px;}
.categorias { border-bottom: #333333 dotted 1px;}
#col1 a {color:#e40d2e; text-decoration: underline;}
#col1 a:hover { color: #333333; text-decoration: none; }
#new_comment_form { padding-top: 8px;}

/*------------- form ------------------*/

#post1 form { margin: 20px 0 0 0; padding: 0;}


/*-------- listado ------------*/

#forma_listado {margin:0; padding:0;}
#forma_listado p { border: none;}

/*----- pie ----*/

#pie {
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding-top:15px;
width:975px;
}
#menu-pie li { float:left; margin: 0; padding: 0 20px; list-style: none; border-right:#333333 solid 1px;}
#pie p { position: absolute; color: #333333; font-family: "Arial", Verdana; font-size: 10px; font-weight: bold; margin:30px 20px; padding:0;}

/*------ bottom_back ----- */

#bottom_back {
background:transparent url(../images/fondo_pie.jpg) repeat-x scroll 0 0;
display:block;
float:left;
height:79px;
overflow:hidden;
width:100%;
margin-top:20px;
}

/*------ iconos_pie -----*/

#icons {
  width: 180px;
  height: 60px;
  padding-left:780px;
  }

#icons li{
  background-color:#FFFFFF;
  border:1px solid #666666;
  float:left;
  height:50px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-right:10px;
  width:50px;
}

.last {
  margin: 0!important;
  padding:0!important;
}

/*-------------*/
#post1 .textoPost {
margin:0;
padding:17px 0 0 17px;
}

#post1 .lMas {
margin:0;
padding:10px 0 0 0;
}

.comentariosForm {
margin:0;
padding:5px 20px;
}
.userCom {
margin:0;
padding:10px 0 0 18px;
}

#seccion2 .titulo {
color:#999999;
display:block;
float:left;
font-weight:bold;
padding-top:10px;
text-decoration:none;
width:100%;
}

#seccion2 .fecha {
font-size:11px;
color:#999999;
}

#seccion2 p{
font-size:12px;
color: #000000;
padding-top:10px;
padding-left: 15px;
padding-right:15px;
}

#seccion2 .leermas {
color:#999999;
display:block;
float:right;
font-size:11px;
font-weight:bold;
padding-right:16px;
padding-top:5px;
text-decoration:underline;
}

h2 a:link, h2 a:active  {
font-family:Verdana;
font-size:17px;
font-weight:bold;
text-decoration:none;
}

h2 a:visited  {
color:#999999;
font-family:Verdana;
font-size:17px;
font-weight:bold;
text-decoration:none;
}

#descripcion .masinfo {
color:#E40D2E;
display:block;
float:left;
font-size:12px;
font-weight:bold;
padding-top:10px;
}
