#contenedor-principal {
width: 955px;
text-align: center;
margin: auto;
clear: both;
}

.verde366-10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #336666;
	text-decoration: none;
}
.verde366-12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #336666;
	text-decoration: none;
}
.amaF2E152-10b {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #F2E152;
	text-decoration: none;
}
.verde366-10b {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.verde9c9-10b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #99cc99;
	text-decoration: none;
}
.verde9c9-10b:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.naranjaF93-11b {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.naranjaF93-11b:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.verde366-11 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #336666;
	text-decoration: none;
}
.verde366-11:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
.verde366-10b:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.verde9c9-11 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #99cc99;
	text-decoration: none;
}
.naranjaF93-9b {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde396-11 {





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #339966;
	text-decoration: none;
}
.naranjaF93-9b:hover {





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.verde396-11b {






	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #339966;
	text-decoration: none;
}
.verde366-11b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.blanco11b {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.verde366-11b:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde366-9b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.verde366-9b:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.blanco11b:hover {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde366-9 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #336666;
	text-decoration: none;
}
.bordetabla {
	background-color: #F4FFF4;
	border: thin solid #336666;

}

.blanco10b {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


.blanco10b:hover {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde9c9-9b {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #99cc99;
	text-decoration: none;
}
.verde396-10 {






	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #339966;
	text-decoration: none;
}
.naranjaF93-9 {





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FF9933;
	text-decoration: none;
}
.naranjaF93-11 {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF9933;
	text-decoration: none;
}
.naranjaF93-11bVerde {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.naranjaF93-11bVerde:hover {





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #99cc99;
	text-decoration: none;
}
.rojo-11b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.rojo-11 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
.amaF2E152-10b:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde366-12b {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.amaF2E152-9b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #F2E152;
	text-decoration: none;
	height: 12px;

}
.amaF2E152-9b:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde366-12b:hover {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.verde366-buscador {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
}
.verde366-buscador:hover {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.blanco9 {




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.naranjaF93-10b {





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.cra-naranja3-10b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
.azul-10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #0066FF;
	text-decoration: none;
	height: 12px;
}
.blanco12b
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.blanco12b:hover
{
    COLOR: #FFCE00;
}
.negro12b
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.negro12b:hover
{
    COLOR: #b31313;
}

.rojo12bu
{
    COLOR: #B31313;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

.rojo12b
{
    COLOR: #B31313;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

.rojo12bu:hover
{
color: #ffffff;
background-color:#b31313;
}

.rojo10bu
{
    COLOR: #B31313;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

.rojo10b
{
    COLOR: #B31313;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

.rojo10bu:hover
{
color: #ffffff;
background-color:#b31313;
}


.verde09316b
{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009933;
}

.negro18b
{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

.negro10b
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.negro10b:hover
{
color: #ffffff;
background-color:#b31313;
}

.rojo12
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #B31313;
}

.rojo12:hover
{
color: #ffffff;
background-color:#b31313;
}

.verde09312b
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009933;
}

div#cuadritos{
float:left;
width: 25px;
height: 15px;
margin-left:2px;
margin-top:1px;
text-align: center;
} 

.contenedor-notas-portada{ 
width: 255px;
float: left;
margin: 25px 0 0 0;
} 

.blur-portada{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   width: 230px;
} 

.shadow-portada, 
.chincheta-portada{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

.shadow-portada{ 
   background-color: #666; /*shadow color*/ 
   color: inherit; 
} 

.chincheta-portada{ 
   padding: 30px 10px; 
}

.contenedor-notas-menu{ 
width: 186px;
margin: 10px 0 10px 0;
} 

.portada-notas-menu{ 
width: 186px;
margin: 10px 0 10px 0;
background-color: #000000;
padding-bottom: 5px;
text-align:center;
} 

.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   width: 186px;
} 

.shadow, 
.chincheta{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

.shadow{ 
   background-color: #666; /*shadow color*/ 
   color: inherit; 
} 

.chincheta{ 
   padding: 30px 5px 10px 10px; 
}

.div-volver {
width: 100%;
text-align: center;
margin: 1.5em auto 1em auto;
}

.enmarcadotablon {
border: 1px solid #000000;
background-color: #F0F0F0;
padding: 5px 10px 5px 10px;
text-align: justify;
margin: 15px auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
text-decoration: none;
width: 538px;

}

/*** CABECERA 2.0 ***/

#cabecera {
clear: both;
	
}
#cabecera a {color: #000;}

#logo {
	float: left;
	width: auto;
	margin: 10px 0;
}
#buscador {
	float: right;
	margin-top: 30px;
	width: 500px;
	text-align: right;
}
#buscador form label {
	display: none;
}
#buscador form input[type=text] {
	width:25em;
	border-color:#999 #999 !important;
	padding:0.3em 0.4em;
	*margin:0;
}

#buscador form input[type=submit] {
	text-transform:uppercase;
	font-weight:normal;
	font-size:1em;
	*margin: 0;
	*padding-bottom: 0;	
	background: #d00;
	color: #fff;
	font-weight: bold;
	padding: 2px 6px;
-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
border-width:2px;
border-style:solid;
border-color:#f99 #900 #900 #f99;
}

#buscador form input[type="submit"]:hover {
	background-color: #444;
	color: #fff;
	font-weight: bold;
	padding: 2px 6px;
-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
border-width:2px;
border-style:solid;
border-color:#ccc #000 #000 #ccc;
cursor: pointer;
}

#contacto {
	clear: right; 
	float: right;
	margin-top: 0;
	width: auto;
	font-weight: bold;
	text-align: right;
	color:#fff;
	*width: 550px;
	*margin-top: 10px;
	*margin-bottom: 10px;
}

#telefono {
background:transparent url(/img/ico-telefono.png) no-repeat center left;
padding-left:21px;
color:#000;
}


#navegacion {
margin-top:1em;
padding:0;
background: #ddd;
clear: both;
text-align: left;
}
#navegacion a {
	color: #000;
font-weight:bold;
}
#estas_en {
	padding: 0.7em 1em; 
}
#usuario {
	float: right;
	width: auto;
	margin: 0.7em 1em;
}
#usuario a {
	background: url(../img/estrella.png) no-repeat 0% 50%;
	padding-left: 24px;
}

#imagen_cabecera {
clear:both;
background-color:#fff;
margin:0;
}

/*** FIN CABECERA 2.0 ***/


/*** PIE 2.0 ***/

#pie {
	font-size: .9em;
	text-align:left;
}
#pie a {
	color: #000;
	text-decoration:none;
}
#pie li:before {
	content:'';
}
#pie h2 {
background-color:transparent;
color:#000;
}
#pie_tema {
	background: #ddd;
	padding: 0 0 1.3em 1em;
	margin: 1em 0;
}
#pie_tema div{
	padding: 0;
	margin: 0;
}
#pie_tema h2 {
	margin: 1em 0 0 0;
	background-color:transparent;
	color:#000;
	font-weight: bold;
	font-size: 1.4em;
}
#pie_tema .productos-portada {
	float: left;
	width: 555px;
	overflow: hidden;
	margin:0;
}
#pie_tema .temas-portada {
	float: right;
	width: 305px;
	overflow: hidden;
}
#pie_tema ul li { 

}
#pie_tema ul li:before {
content: "\00B7 \0020";
}
#pie_tema_temas{
	padding-left: 10px;
}

#pie_promo_izquierda, #pie_promo_derecha {
	margin: 10px 0;
	float: left;
}

#pie_promo_izquierda {
width: 70%;
text-align: left;
}

#pie_promo_derecha {
width: 30%;
text-align: right;
}

#pie_promo_izquierda ul li, #pie_promo_derecha ul li  {
	display: inline;
	margin-right: 10px;
}
#pie_promo_izquierda img, #pie_promo_derecha img {
	display: inline;
}

#pie_mapa_web {
	background: #eee;
}
#pie_mapa_web  h2{
	display: none;
}
#pie_mapa_web h3{
	font-weight: bold;
	color: #000000;
}
#pie_mapa_web ul li {
	float: left;
	width: 164px;
	margin: 10px 0 10px 10px;
	background: none;
	
}
#pie_mapa_web ul li ul li:before {
content: "\00B7 \0020";
}
#pie_mapa_web ul li ul li {
	float: none;
	width:100%;
	margin:0;
}

#pie_legal {
	clear:both;
	background-color: #bbb;
	display: table;
	width: 100%;
	*display: block;
}

#pie_legal a {
text-decoration:underline;
}

#pie_legal div {
	display: table-cell;
	*display: block;
	vertical-align: bottom;
}
#situacion {
	*float: left;
	*width: auto;
	padding: 10px;
	padding-right: 0;
}
#copyright {
	+float: right;
	*width: auto;
	text-align: right;
	padding: 10px;
	padding-left: 0;
}

#pie ul li ul li ul {
	margin-left: 10px;
}

/*** FIN PIE 2.0 ***/

/**** LATERAL 2.0 ****/

#lateral {
	border-left: 1px solid #000;
	text-align: left;
	width: 310px;
	float: left;
	margin: 10px 0 10px 0;
}
.item_lateral {
	margin: 0 0 1em 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 1em;
	text-align: left;
}
.item_lateral li {
	margin-bottom: 5px;
	background: none;
	list-style-type: circle;
	margin-left: 12px;
	padding-left: 0;

}
#lateral .stButton {
	margin: 0 2px;
}
#lateral a {
	color: #000;
}

#lateral h2 {
margin:0 0 1em 0;
font-size:1.2em;
}

#lista_temas li a, #lista_productos li a {
text-decoration:none;
}

#comprar_lateral { 
	background-color:#ddd;
	padding: 10px 10px 0 10px; 
	margin-bottom: 2em;
}


#comprar_lateral p.precioycomprar {
display:block;
background-color: #666;
color:#fff;
font-size:1.4em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
text-align:center;
margin:1.5em 0 0.4em 0;
}



#comprar_lateral a.botoncomprar {
display:block;
width:60%;
float:right;
text-align:center;
background-color: #fa0;
color: #222;
font-weight: bold;
padding: 4px;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
border-width:3px;
border-style:solid;
border-color:#fc6 #f80 #f80 #fc6;
text-decoration:none;
text-shadow: 0.1em 0.1em #ff9;
font-size:1.1em;
margin-top:-0.4em;
}

#comprar_lateral a.botoncomprar:hover {
background-color: #d00 !important;
color: #fff;
border-color:#f99 #900 #900 #f99;
text-decoration:none;
text-shadow: -0.1em -0.1em #900;
}




#contactar_lateral {
	background-color:#bbb;
	padding: 10px; 
}

#contactar_lateral .error { border: 1px solid #f00; margin: 10px 0 4px 0; background: #fdd; padding: 2px 5px;}
#contactar_lateral .exito { border: 1px solid #0f0; margin: 10px 0 4px 0; background: #dfd; padding: 2px 5px;}

#contactar_lateral p strong {
font-size:1.2em;
}

#contactar_lateral a {
text-decoration:underline !important;
}

#contactar_lateral ul {
margin:1em 0 2em 0;
}

#contactar_lateral li {
padding-left:35px;
line-height:30px;
}

#contactar_lateral li:before {
content:'';
}

#contactar_lateral li#info_telefono {
background:transparent url(/img/ico-telefono2.png) no-repeat center left;
 
}
#contactar_lateral li#info_email {
background:transparent url(/img/ico-email.png) no-repeat center left;
}

#contactar_lateral li#info_direccion {
background:transparent url(/img/ico-casa.png) no-repeat top left;
line-height:1.1em;
padding:0 35px;
}

#contactar_lateral input[type=text], textarea {
width:95%;
}

#contactar_lateral input[type=submit] {
background-color:#666;
text-transform:uppercase;
color:#eee;
font-size:0.9em;
border-width:2px;
border-style:solid;
border-color:#ccc #333 #333 #ccc;
margin-top: 8px;
}

#contactar_lateral input[type=submit]:hover {
background-color:#d00;
text-transform:uppercase;
color:#fff;
font-size:0.9em;
border-width:2px;
border-style:solid;
border-color:#f99 #900 #900 #f99;
cursor: pointer;
}


#contactar_lateral label {
line-height:2em;
}

#lateral ul li ul {
	margin-left: 10px;
}

/*** FIN LATERAL 2.0 ***/


/*** ESTILOS 2.0 ***/

div#aviso-en-desarrollo {
border:2px solid #cc0;
margin:2em 0;
padding:1em;
font-size:1.2em;
background-color:#ffc;
}

#ColumnaPrincipal{
width: 580px;
float: left;
margin: 10px 20px 10px 0;
text-align: justify;

}

#ColumnaPrincipalLarga{
width: 100%;
float: left;
margin: 10px 20px 10px 0;
text-align: justify;

}


#ColumnaPrincipalTablon{
width: 600px;
float: left;
margin: 10px 0 10px 0;
text-align: justify;

}

#ColumnaPrincipal h1, #ColumnaPrincipalTablon h1{
	font-size: 2em;
	margin: .5em 0 0.8em 0;
	font-weight: normal;
	display: inherit;
	color: #000000;
}


#ColumnaPrincipal h2, #ColumnaPrincipalTablon h2, .tit_seccion {
text-transform: lowercase; 
font-variant:small-caps;	
color: #fff;
background: #000;
padding:0.1em 0.6em 0.2em 0.6em;
font-size:1.1em;
width: auto;
display: inline-block;
margin: 1em 0;
}



.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
}
/*** FIN ESTILOS 2.0 ***/

body {
margin : 5px 0px 0px 0px;
text-align: left;
font-family:Tahoma;
color: #000000;
font-size: small;
margin:auto;
}

a { 
color: #b31313; 
text-decoration: underline;
} 

a:hover { 
background-color:#03c;
color:#fff !important;
} 

a img {
border: 0;
margin: auto;
}

ul {
padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/
list-style-type: none;
margin: 0px;	
}

li {
margin: 4px 0 8px 0;
padding-left: 16px;
background: url(/img/bolita.gif) left top no-repeat;
}

ul ul li {
margin: 4px 0 8px 0;
background: url(/img/bolita2.gif) left top no-repeat;
padding-left: 16px;
}

ol {
list-style-type: decimal;
}

ol li {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
BACKGROUND: none transparent scroll repeat 0% 0%; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px
}


