/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%; /* Equivalente a 10px = 1em */
	font-family: Verdana;
	font-weight: normal;
	background: #ffffff url(../images/fnd.jpg) repeat;
}
html {
	margin: 0px;
	padding: 0px;
}

h1 { /* De este modo estamos ocultando el h1 borrar esto*/
	margin: -20px; /* Para que no cree espacios en blanco en IE8 */
	padding: 0px; /* Para que no cree espacios en blanco en IE8 */
	position: absolute;
	left: -5000px;
}
	
h2 { /* Para crear los titulos dela p�gina ...Para subt�tulos crear�amos un h3 y as� sucesivamente */
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 10px 10px;
	width: 530px;
	font: bold 10px Verdana;
	color: #8f1330;
	text-transform: uppercase;
	float: left;
}

	
	
div.hr { /* Para crear linea de separadores en todos los navegadores */
	margin: 0px;
	padding: 0px;
	background: url(../images/hr.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	float: left;
}
div.hr hr{ display: none;}  /* Para crear linea de separadores en todos los navegadores */



img { border: none }
a {
	/*text-decoration: none;*/
	color: #fff;
}
a:hover { color: #b0c3da; }
a:active { outline: none; } /* Para eliminar el efecto de puntitos alrededor que aparece en Firefox */
a:focus { -moz-outline-style: none;} /* Para eliminar el efecto de puntitos alrededor que aparece en Firefox */

p {
	line-height: 14px!important;
}



/* -------------- Contenedor ----------------- */


#contenedor {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: auto;
	overflow: hidden;
}

	
.index { /* Para crear un enlace sobre el logo de la cabecera que vaya directamente al index */
	
	margin: 0px;
	padding:0px;
	width: 292px;
	height: 79px;
	background:  url(../images/null.gif) repeat;
	float:left;
	}
	

/*-----------------------migas--------------------*/

#migas{
	margin:10px 0px 20px 10px;
	padding:0px 0px 0px 0px;
	width:966px;
	height:36px;	
	background:  url(../images/back_migas.gif) no-repeat top left;
	float:left;
}

#migas p{
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	color:#6382a6; 
	font: normal 10px Verdana
	float:left;
	
	}
	
	#migas p a{color:#003574; font: normal 10px Verdana; text-decoration:none;}
	#migas p a:hover{color:#6382a6; font: normal 10px Verdana;}


/* -------------- Cabecera ----------------- */

#cabecera { /* Para centrar el contenedor en IE7 y en Firefox*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 79px;
	background: url(../images/top_index.jpg) no-repeat top left;
	float: left;
	}
html>body #cabecera { /* Para centrar el contenedor en IE7 y en Firefox*/
	margin: 0px; /* siempre suele ser el doble de px */
	}
	

#cabeceraen { /* Para centrar el contenedor en IE7 y en Firefox*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 79px;
	background: url(../images/top_index_en.jpg) no-repeat top left;
	float: left;
	}
html>body #cabeceraen { /* Para centrar el contenedor en IE7 y en Firefox*/
	margin: 0px; /* siempre suele ser el doble de px */
	}
	



/*-----------------botonera superior derecha------------*/

#botonera{
	margin: 0px 0px 0px 216px;  
	padding: 5px 0px 0px 0px;
	width:389px;
	background:#013473;
	float:left;
}

#botonera p.btn{
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	float:left;
}
#botonera p.btn a{
	margin:0px 0px 0px 0px; 
	padding:0px 19px 10px 16px;
	font:normal 12px Verdana;
	text-decoration: none;
	border-right:1px solid #fff;
	color: #fff; 
	background: #013473;
	float:left;
}
#botonera p.btn a:hover{color:#b0c3da;}

#botonera p.noborder{
	margin:0px 0px 0px 0px; 
	padding:0px 19px 10px 16px;
	font:normal 12px Verdana;
	color: #fff; 
	background: #013473;
	float:left;
}

#botonera p.noborder a{
	margin:0px 0px 0px 0px; 
	font:normal 12px Verdana;
	text-decoration: none;
	color: #fff; 
	background: #013473;
	float:left;
}
#botonera p.noborder a:hover{color:#b0c3da;}



#botoneraen{
	margin: 0px 0px 0px 235px;  
	padding: 5px 0px 0px 0px;
	width:365px;
	background:#013473;
	float:left;
}

#botoneraen p.btnen{
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	float:left;
}
#botoneraen p.btnen a{
	margin:0px 0px 0px 0px; 
	padding:0px 19px 10px 16px;
	font:normal 12px Verdana;
	text-decoration: none;
	border-right:1px solid #fff;
	color: #fff; 
	background: #013473;
	float:left;
}
#botoneraen p.btnen a:hover{color:#b0c3da;}

#botoneraen p.noborderen{
	margin:0px 0px 0px 0px; 
	padding:0px 19px 10px 16px;
	font:normal 12px Verdana;
	color: #fff; 
	background: #013473;
	float:left;
}

#botoneraen p.noborderen a{
	margin:0px 0px 0px 0px; 
	font:normal 12px Verdana;
	text-decoration: none;
	color: #fff; 
	background: #013473;
	float:left;
}
#botoneraen p.noborderen a:hover{color:#b0c3da;}



#botoneraesen p.esen{
	margin:0px 0px 0px 0px; 
	padding:5px 0px 9px 0px;
	border-left:2px solid #fff;
	color: #fff; 
	width:91px;
	background:#000;
	text-align:center;
	float:left;
}

#botoneraesen p.esen a{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	font:normal 12px Verdana;
	text-decoration: none;
	color: #fff;
	text-align:center;
}
#botoneraesen p.esen a:hover{color:#999;}


/*-------------fin botonera--------------------*/



/*---El buscador del top---*/

.busca {
  margin: 10px 10px 0px 0px;
  padding: 2px 0px 2px 5px;
  background-color: transparent;	
  color: #999999;
  font: normal 10px Verdana;
  width: 165px;
  border: 1px solid #d1d8e0;
  float:right;
}

.lupita {
  margin: 10px 10px 0px 0px;
  float:right;
}




/*-------------------el flash-------------*/
/*#flash {
	margin: 150px 0px 0px -20px;
	padding: 0px;
	float: left;
	}
html>body #flash {
	margin: 150px 0px 0px 0px;
	}*/


/*-------------contenido--------------*/
#contenido{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
}

#baner{
	margin:12px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}




/*---------los 2 botones del contenido-------*/
#menumain{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 7px;
	width:450px;
	height:31px;
	float:left;
}
	
#menumain p{	
	padding:10px 0px 0px 8px;
	margin:0px;
	width:172px;
	font:normal 12px Verdana;
	color:#fff;
	height:31px;
	background:#003574 url(../images/arrowdown.gif) repeat-x top left;
	float:left;
}

#menumain p a {font:normal 12px Verdana; color:#dcf7ff; text-decoration:none;}

#menumain p a:hover {font:normal 12px Verdana; list-style-type: none; color:#b2d1da;}

#menumain p.ppdos{	
    padding:10px 0px 0px 8px;
	margin:0px 5px 0px 7px;
	width:172px;
	height:31px;
	font:normal 12px Verdana;
	color:#06336a;
	background:#d0dae6;
	float:left;
}

#menumain p.ppdos a {font:normal 12px Verdana; color:#06214c; text-decoration:none;}

#menumain p.ppdos a:hover {font:normal 12px Verdana; list-style-type: none; color:#36F;}




/*---------------cat�logo-----------*/
	
#catalogo{
	margin: 0px;
	padding: 0px;
	width:990px;
	height:auto;
	background: #013473 url(../images/loop_main.gif) repeat-x top left;
	float: left;
}

#modulopro {
	margin: 22px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	width:108px;
	float: left;
}

#moduloprodos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:103px;
	height:159px;
	background:#002450;
	float: left;
}

#cajapro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100px;
	text-align:center;
	float: left;
}

#cajapro p.fotopro {
	margin: 7px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	width:97px;
	height:93px;
	background:#fff;
	float:left;
}


#cajapro p.textopro {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:normal 10px Verdana;
	text-align:left;
	color:#fff; 
	float:left;
	
	}
	
#cajapro p.textopro a {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:normal 10px Verdana;
	text-decoration:none;
	color:#dcf7ff;
	float:left;
	
}
#cajapro p.textopro a:hover {font:normal 10px Verdana; list-style-type: none; color:#b2d1da;}


#sombrapro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:108px;
	height:16px;
	float: left;
}








/*-------Noticias--------*/
#noticiasen{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	height:156px;
	background: url(../images/back_noticiasen.gif) no-repeat top left;
	float: left;
}

#noticias{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	height:156px;
	background: url(../images/back_noticias.gif) no-repeat top left;
	float: left;
}

#notis{
	margin: 22px 0px 0px 110px;
	padding: 0px 0px 0px 0px;
	width:230px;
	height:109px;
	float:left;
}

#notis ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color:#06214c;
	float: left;
}

#notis ul li a {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	font:normal 11px Verdana;
	line-height: 18px;
	color:#06214c;
	padding: 0px;
}

#notis ul li a:hover {color:#6b83a9;}


#notis p.vermas {
    paddin: 0px;
	margin: 23px 0px 0px 0px;
	line-height: 18px;
	color:#06214c;
	padding: 0px;
	float: right;
}

#notis p.vermas a {
	margin: 0px 0px 0px 0px;
	font:normal 11px Verdana;
	color:#06214c;
	padding: 0px;
}

#notis p.vermas a:hover {color:#6b83a9;}


#novedad{
	margin:22px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	width:288px;
	background:#fff;
	float: left;
}

#novedad p.decor{
	margin:0px 0px 0px 0px;
	padding:2x 3px 2px 3px;
	background:#000;
	color:#fff;
	float: left;
}

#novetexto{
	margin:6px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	width:130px;
	float:left;
	
}

#novetexto a{ color:#000;}
#novetexto a:hover{ color:#777;}

#detal{
	margin:6px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #e0eaf6;
	border-left:1px solid #e0eaf6;
	border-right:1px solid #e0eaf6;
	width:116px;	
	text-align:center;
	float: left;
}

#detal p{
	margin:28px 0px 0px 20px;
	padding:2px 6px 2px 6px;
    background: url(../images/ver.gif) no-repeat top left;

	float:left;
}

#detal p a{ color:#fff; text-decoration:none;}
#detal p a:hover{ color:#e0eaf6;}


#pdfen{
	margin:22px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	width:250px;
	height:117px;
	background:url(../images/pdfen.gif) no-repeat top left;
	float: left;
}

#pdfen p{
	margin:40px 0px 0px 83px;
	padding:0px 0px 0px 0px;
	width:140px;
	float:left;
	
	}
	
#pdfen p a{
font:normal 11px Verdana;
color:#06214c;
}

#pdfen p a:hover{color:#6b83a9;}

#pdfen p.null{
	margin:0px 0px 0px 215px;
	padding:0px 0px 0px 0px;
	width:32px;
	height:32px;
	background: url(../images/null.gif) repeat;

}

#pdf{
	margin:22px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	width:250px;
	height:117px;
	background:url(../images/pdf.gif) no-repeat top left;
	float: left;
}

#pdf p{
	margin:40px 0px 0px 83px;
	padding:0px 0px 0px 0px;
	width:140px;
	float:left;
	
	}
	
#pdf p a{
font:normal 11px Verdana;
color:#06214c;
}

#pdf p a:hover{color:#6b83a9;}

#pdf p.null{
	margin:0px 0px 0px 215px;
	padding:0px 0px 0px 0px;
	width:32px;
	height:32px;
	background: url(../images/null.gif) repeat;

}

	
/*----------------pie---------------------*/
#pie{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	height:51px;
	background:#000;
	float:left;
}

#pie p{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px;
	
	color: #a6aaad;
	float:left;
}

#pie p a{color: #a6aaad;} #pie p a:hover{color: #fff;}

#pie p.iza{
	margin:0px 0px 0px 520px;
	padding:5px 0px 0px 0px;
	float:left;
}


/*----------catalogo dos------------*/
#catalogodos{
    padding:0px 0px 50px 0px;
    margin:0px 0px 0px 0px;
	width:990px;
	height:auto;
	background: #003574 url(../images/loop_main.gif) repeat-x top left;
	float: left;
}

#titular{
	padding:15px 0px 0px 20px;
    margin:0px 0px 0px 0px;
	width:950px;
	height:25px;
	min-height:25px;
	height:auto;
	float:left;
	}
#titular p{
	padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
	font: normal 20px Arial;
	color:#fff;
	float:left;

}
#titular p.decor{
	margin:0px 0px 0px 5px;
	padding:0x 0px 0px 0px;
	font: bold 10px Arial;
	border:3px solid #000;
	color:#fff;
	background:#000;
	float: left;
}

#titular p.back{
	margin:0px 0px 0px 0px;
	padding:0x 0px 0px 0px;
	float:right;
}

#titular p.back a{font: normal 11px Arial; color:#fff; text-decoration:none;}
#titular p.back a:hover{font: normal 11px Arial; color:#cfd9e5; text-decoration:none;}

#titular2{
	padding:10px 0px 0px 20px;
    margin:0px 0px 0px 0px;
	width:765px;
	height:30px;
	min-height:30px;
	height:auto;
	float:left;
	}
#titular2 p{
	padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
	font: normal 20px Arial;
	color:#fff;
	float:left;

}
#titular2 p.decor{
	margin:0px 0px 0px 5px;
	padding:0x 0px 0px 0px;
	font: bold 10px Arial;
	border:3px solid #000;
	color:#fff;
	background:#000;
	float: left;
}

#titular2 p.back{
	margin:0px 0px 0px 0px;
	padding:0x 0px 0px 0px;
	float:right;
}

#titular2 p.back a{font: normal 11px Arial; color:#fff; text-decoration:none;}
#titular2 p.back a:hover{font: normal 11px Arial; color:#cfd9e5; text-decoration:none;}


#migasficha2 p.back2{
	margin:10px 18px 0px 0px;
	padding:0px;
	float:right;
}

#migasficha2 p.back2 a{font: normal 11px Arial; color:#fff; text-decoration:none;}
#migasficha2 p.back2 a:hover{font: normal 11px Arial; color:#cfd9e5; text-decoration:none;}


#pizarrapadre{
    padding:0px 0px 20px 0px;
    margin:0px 0px 0px 15px;
    width:770px;
    height:auto;
    background:#fff;
    float:left;
}

#pizarra{
    padding:0px 0px 20px 0px;
    margin:0px 0px 0px 0px;
    width:770px;
    height:auto;
    background:#fff;
    float:left;
}

.vertodos{
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 15px;
    float:left;
}

.vertodos a{font: normal 11px Arial; color:#265a93;}
.vertodos a:hover{font: normal 11px Arial; color:#587ca4;}

.instala{font: normal 12px Arial; color: #036;}
.instala a{font: normal 12px Arial; color: #123;}
.instala a:hover{font: normal 12px Arial; color: #036;}

#pizarralarga{
    padding:0px 0px 20px 0px;
    margin:10px 0px 0px 15px;
    width:960px;
    height:auto;
    background:#fff;
    float:left;
}

#pizarralarga p {
    padding:0px 0px 0px 0px;
    margin:15px 5px 0px 15px;
	font: normal 11px Arial;
	color:#000;
	float:left;

}

#pizarralarga p.cuadro {
    padding:7px 7px 7px 7px;
    margin:15px 15px 0px 15px;
	width:915px;
	font: normal 11px Arial;
	background:#e2ebf4;
	color:#000;
	float:right;

}

#pizarralarga p.piefoto {
    padding:7px 7px 7px 7px;
    margin:15px 15px 0px 15px;
	font: normal 11px Arial;
	color:#000;
	float:right;

}

#pizarralarga p.cuadro img {margin: 0px 0px 0px 15px;}


#interno {
    padding:7px 7px 7px 7px;
    margin:15px 10px 0px 15px;
	width:915px;
	font: normal 11px Arial;
	background:#e2ebf4;
	color:#000;
	float:left;

}
#interno p.nota {
    padding:0px 7px 7px 7px;
    margin:7px 10px 0px 15px;
	width:600px;
	font: normal 11px Arial;
	color:#000;
	float:left;

}

#interno p.foto{
    padding:7px 7px 7px 7px;
    margin:0px 0px 0px 0px;
	float:left;

}

/*-------------------ficha peque�a----------*/

#ficha{
    padding:0px 0px 0px 0px;
    margin:20px 0px 0px 17px;
    width:360px;
    height:112px;
    float:left;
}


#ficha p{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:106px;
    height:110px;
    background:#fff;
	border: 1px solid #dee9f6;
    float:left;
}

#ficha p.product{
    padding:8px 0px 0px 8px;
    margin:0px 0px 0px 0px;
    width:240px;
    height:102px;
    background:#dee9f6;
	border: 1px solid #dee9f6;
    float:right;
}

/*.masinfo{
	padding:3px 6px 3px 6px;
    margin:50px 8px 0px 0px;
	background:#12622e;
	float:right;
	}*/
	
.masinfo a{text-decoration:none; color:#fff; font: normal 11px Arial;}
.masinfo a:hover{color:#9acaac; font: normal 11px Arial;}


/*-----------ficha grande-----------*/

#fichabig{
    padding:0px 0px 0px 0px;
    margin:20px 0px 0px 10px;
    width:352px;
    float:left;
}
.titpro{
	padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
	color:#003574;
	text-align:left;
	font: normal 18px Verdana;
	float:left;
	}


#fichatexto{
    padding:0px 0px 0px 10px;
    margin:20px 0px 0px 10px;
	width:370px;
	height:340px;
	border-left: 1px solid #dee9f6;
	text-align:justify;
	color:#003574; 
	font: normal 10px Verdana;
	float:left;
	
	}
	
#fichatexto a{color:#003574; font: normal 10px Verdana;}
#fichatexto a:hover{color:#6382a6; font: normal 10px Verdana;}



/*
#seccion {
	margin: 17px 0px 0px 8px;
	padding: 5px 0px 0px 10px;
	width:169px;
	height:19px;
	font: bold 12px Arial;	
	color: #0d652b;
	background:#FFF url(../images/01.gif) repeat-y;
	float: left;
}*/

#seccion p.dos {
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	width: 168px;
	font: normal 12px Arial;	
	color: #cfd9e5;
	background: #002551;
	float: left;
}


/* ------------------- Combobox ---------------------- */	
#barra {
	margin: 17px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #fff;
	width:790px;
	height: 24px;
	font-size: 11px;
	float:left;
	}

.verclaro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: nomal 13px Arial;
	color: #FFF;
	float:left;
	}

	
#barra2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #002551;
	height: 24px;
	width: 785px;
	font-size: 11px;
	float:left;
	}


#combobox { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    height: 24px;
	display: inline;
	float:right;
	}
.caja {
	font-size: 11px;
	color: #666;
	width: 150px;
	}


/* -------------- Menu ----------------- */

#menu {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 179px;
	float: left;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/menu_back.gif) repeat;
	float: left;
}
#menu ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 173px;
	list-style-type: none;
	padding: 0px;
	float: left;
}
/*#menu ul li.uno{background: url(../images/01.gif) repeat-y;}
#menu ul li.dos{background: url(../images/02.gif) repeat-y;}
#menu ul li.tres{background: url(../images/03.gif) repeat-y;}
#menu ul li.cuatro{background: url(../images/04.gif) repeat-y;}
#menu ul li.cinco{background: url(../images/05.gif) repeat-y;}
#menu ul li.seis{background: url(../images/06.gif) repeat-y;}
#menu ul li.siete{background: url(../images/07.gif) repeat-y;}
#menu ul li.ocho{background: url(../images/08.gif) repeat-y;}
#menu ul li.nueve{background: url(../images/09.gif) repeat-y;}
#menu ul li.diez{background: url(../images/10.gif) repeat-y;}
#menu ul li.once{background: url(../images/11.gif) repeat-y;}*/


#menu ul li a {
	margin: 0px;
	padding: 2px 0px 2px 7px;
	width: 165px;
	height: 17px;
	font: normal 10px Arial;	
	color: #003181;
	text-decoration:none;
	float: left;
}
#menu ul li a:hover {
	color: #36F;
}
#menu ul li a.selec {
	color: #ffffff;
	background: #808080;
}

/*---------------------------Menu dos--------------------*/

#menu2 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 178px;
	background: url(../images/menu_back2.gif) repeat;
	float: left;
}

#menu2 ul {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
}
#menu2 ul li {
	list-style-type: none;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
}
#menu2 ul li a {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	width: 170px;
	height: 17px;
	font: normal 12px Arial;	
	color: #fff;
	text-decoration:none;
	float: left;
}
#menu2 ul li a:hover {
	color: #cfd9e5;
}
/*---------------formu con jquery---------------*/
#commentForm { 
	margin: 15px 0px 0px 30px;
	padding: 0px 0px 0px 0px;	
    width: 500px;
	float:left;
}
#commentForm label { 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font: normal 11px Verdana;
	color:#000;
    width: 150px; 
	float:left;
}
#commentForm label.error {
	margin: 3px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Verdana;
	color:#C00;
	width:300px; 
	float:left;
}


#commentForm input{
	margin: 0px;
	padding: 2px 0px 2px 2px;
	border: 1px solid #c0cfe0;
	color: #265a93;
	width:300px;
	background:#f5f7fa;
    font: normal 11px Verdana;

}

#commentForm textarea{
	padding: 0px 0px 0px 0px;
	margin: 0px;
    border: 1px solid #c0cfe0;
	color:  #265a93;
	width:302px;
	height:100px;
	background:#f5f7fa;
    font: normal 12px Verdana;

}

#commentForm input.submit { 
	padding: 2px 3px 2px 2px;
	margin: 0px 30px 0px 0px;
    border: 1px solid #587ca4;
	background-color: #587ca4;
	width:80px;
    color: #ffffff;
    font: bold 10px Verdana;
    border: 0px;
    cursor:pointer;
	float: left;
}

#commentForm p{
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	}



/* ---------Tabla-------------------*/
table {
  border-collapse: collapse;
  border: 1px solid #c0cfe0;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
background:url(bg1.png) repeat-x;
text-align:left;
height:30px;
}
thead th, tfoot th {
padding:5px;
}
table a {
color: #333333;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
tr.odd {
background: #f5f7fa;
}
tbody th, tbody td {
padding:5px;
}