@charset "utf-8";

/* Reset
------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/*
------------*/

.cl { clear:both;}

/* Vínculos
------------*/

a:link {
	color: #ccffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #99cccc;
}
a:hover {
	color:#ff9933;
}

/* Encabezados
-----------------*/

h1 {
	font-size: 20px;
	color: #ff9933;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	color: #ccffff;
	margin-left: 25px;
	margin-bottom: 20px;
}
h3 {
	font-size: 18px;
	color: #ff9933;
	margin-left: 25px;
	margin-bottom: 20px;
}
h4 {
	font-size: 16px;
	text-align:center;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 15px;
}
h5 {
	font-size: 10px;
	margin-top: 10px;
}

p{
	line-height: 20px;
}
.mas {text-align:right;font-size:11px;}
.mas a{
	color:#FF9933;
	
}
.mas a:hover{
	color:#ccffff;
}
.centrado{text-align:center;}
.derecha {text-align:right;}

/* Página completa
--------------------*/

html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	height:100%;
}
body {
	background-color:#000;
	background-attachment:fixed;
	background-image:url(../images/back_top.png);
	background-position:70% top;
	background-repeat:no-repeat;
	margin:0;
	height:100%;
}

#contenedor {
	margin: 0 auto 0 auto;
	width:1100px;
	background-image:url(../images/back_01.png);
	background-attachment:fixed;
	background-position: bottom;
	background-repeat:no-repeat;
}
#centrar {
	height:100%;
	width:100%;
	margin:auto;
}

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

#navega {
	width: 135px;
	height: 100%;
	margin-top: 110px;
	font-size: 17px;
	margin-left: 80px;
	position: fixed;
}
#navega:link {
	font-size:16px;}
	
.menuitem_01 {
	color:#ccffff;
	width: 112px;
	height: 15px;
	margin-bottom: 11px;
	text-align: right;
	padding-right: 22px;
}
.menuitem_01:hover {
	background-image:url(../images/menuitem_hover.png);
	color:#FF9933;
	background-position: right;
	background-repeat: no-repeat;
}
.menuitem_02 {
	width: 112px;
	height: 15px;
	margin-bottom: 11px;
	text-align: right;
	padding-right: 22px;
	background-image:url(../images/menuitem.png);
	background-position: 10px;
	background-repeat: no-repeat;

}
.menuitem_02 a {
	color:#FF9933;
	font-weight: bold;
}

/* Barra de arriba
-------------------------------*/

#barra_top {
	background-image:url(../images/barra_top.png);
	background-repeat:no-repeat;
	width: 750px;
	height: 35px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.menuitem {
	margin-left: 25px;
	width: 700px;
	margin-top: 0px;
	text-align: center;
	font-size: 14px;
	padding-top: 7px;
}
.h1:link {
	font-size: 20px;
	color: #ff9933;
	font-weight: bold;
}

/* Fondo - Contenido
----------------------*/

.fondo01, .fondo02, .fondo03 {
	width: 750px;
}
.fondo01 {
	background-image: url(../images/top.png);
	height: 25px;
	margin-top: 10px;
}
.fondo02 {
	background-image: url(../images/back_page.png);
	background-repeat: repeat-y;
	height: auto;
}
.fondo03 {
	background-image: url(../images/bottom.png);
	height: 25px;
}

/* Contenido
-------------------*/

#contenido {
	width: 750px;
	margin-left: 220px;
	min-height:750px;
}
#logo{
	background-image:url(../images/logo2.png);
	width: 600px;
	height: 102px;
	margin-left: 80px;
	margin-top: 10px;
	
}
.content, .content_actividades {
	color:#FFFFFF;
	margin-left:20px;
	width: 710px;
	line-height: 18px;
	min-height: 150px;
}
.content_actividades {
	text-align:center;

}

/* Barra copyright
--------------------*/

#barra_bottom {
	background-image: url(../images/barra_top.png);
	width: 750px;
	height: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#copyright {
	text-align: center;
	margin-top: 0px;
	color: #ff9933;
	font-size: 10px;
	padding-top: 12px;
}

/* Imagenes
-------------------*/

.imagen_articulo {
	float:left;
	-moz-border-radius:10px;
	background-image:url(../images/backs.png);
	margin-right: 25px;
	margin-left: 10px;
}

.imagen_articulo2{
	margin-right: 25px;
	text-align:center;
}

.imagen_tienda{
	float:left;
	margin-left: 70px;
	margin-top: 15px;
	margin-bottom: 10px;
}
	
	
/* Noticias
-----------------*/

#titulo{
	height:30px;
	font-size: 18px;
	color: #ccffff;
	padding: 0px 10px;
}

#detalle_fecha{ background-image:url(../images/barra_titulo_noticias.png); background-repeat:no-repeat; height:20px; padding: 5px 10px; text-align:left; font-size: 10px; width: 290px; float: left; margin-bottom: 15px; 
}

#detalle_noticia{
	background-image:url(../images/barra_titulo.png);
	background-repeat:no-repeat;
	height:13px;
	padding: 15px 10px;
	text-align:right;
	font-size: 10px;
	background-position: center;
}

#texto_noticia{
	margin-left: 399px;
}

.asociados{ background-image: url(../images/bullet_disk.png); background-repeat: no-repeat; height: 30px; padding-left: 25px; }
.barra_asociados{ background-image: url(../images/barra_asociados.png); background-repeat: no-repeat; margin-top: 15px; height: 25px; padding-top: 5px; padding-left: 10px; }

.img_noticia_02 {
	margin: 5px 30px 12px 15px;
	text-align: center;
	border: 2px solid #CCCCCC;
	width: 350px;
	float: left;
}
.volver{
	background-image:url(imagen/prev.png);
	padding-top:5px;
	background-repeat: no-repeat;
	height: 25px;
	margin-top:15px;
	color:#ccffff;
	font-size:11px;
	text-align: center;
	background-position: 325px;
}
.volver:hover{background-image:url(imagen/prev_hover.png);
	color:#FF9933;}
	
/* Ofertas
-----------------*/ 

.oferta_01,.oferta_00{
	float:left;
	text-align: justify;
	line-height: 16px;
}
.oferta_00{
	border:dotted 1px #333333;
	width: 700px;
	margin-bottom:15px;
	margin-right: 5px;
	background-position: left;
	padding-right: 5px;
}
.oferta_01{
	background-image:url(../images/backs.png);
	border-right:dotted 1px #333333;
	margin-right: 10px;
}
/*.oferta_02 {
	width:555px;
	margin-left:135px;
	height:150px;
}*/

.oferta_02 {
	width:auto;
	height:150px;
}
.oferta_pvp {
	width:700px;
	height:18px;
	text-align:right;
	font-size:14px;
	margin-top: 5px;
	color: #ccffff;
	font-weight: bold;
}

/* Galería
-----------------*/  

.galeria_01{
	background-image: url(../images/background_galeria.png);
	background-repeat:no-repeat;
	height: 170px;
	width: 233px;
	float:left;
	text-align:center;
	padding-top:18px;
	margin-top: 10px;
	margin-left: 15px;
}
.galeria_00, .galeria_00b{
	text-align: center;
	line-height: 16px;
}
.galeria_00 {
	width:680px;
	padding-right: 5px;
}
.galeria_00b {
	float:left;
	width:200px;
	padding-right: 5px;
}

.content .galeria_00  p{
	margin-bottom:0px;
}



/* Enlaces
-----------------*/

.img {
	float:left;
	margin-right: 25px;
}
	

/* Formulario - Contacto
-------------------------*/

div.contacto				{ width: 700px; }
div.contacto p				{
	color: #CCCCCC;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 20px;
	text-align: left;
}
div.contacto h4				{
	color: #ccffff;
	font-size: 17px;
	margin: 20px 0;
	text-align: left;
}
div.contacto div.col-45-izq	{ width: 48%; float: left; }
div.contacto div.col-45-der	{ width: 48%; float: right; }
div.contacto label			{
	color: #CCCCCC;
	font-size: 11px;
	margin-bottom: 0;
	line-height: 15px;
}
div.contacto input			{
	color: #999;
	font-size: 11px;
	margin-bottom: 0;
	line-height: 15px;
	height: 15px;
	border: 2px solid #cccccc;
	width: 99%;
	padding: 1px;
	margin-bottom: 20px;
}
div.contacto fieldset		{ width: 90%; margin: auto; }
div.contacto div.aviso		{
	padding-top: 5px;
	width: 600px;
	padding-left: 50px;
}
div.contacto p.aviso		{
	color: #CCCCCC;
	font-size: 10px;
	margin-bottom: 10px;
	line-height: 12px;
}
div.contacto textarea		{
	color: #CCCCCC;
	font-size: 10px;
	width: 100%;
	height: 200px;
	border: 2px solid #cccccc;
	margin-bottom: 20px;
}
div.contacto input.boton	{ width: 200px; height: 45px; border: 0; margin: 30px 0; }
div.contacto p.grande		{
	color: #CCCCCC;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 10px;
	line-height: 25px;
}
div.contacto a				{
	color: #CCCCCC;
	text-decoration: none;
}
div.contacto  div.aviso  .checkbox{
	width:40px;
	float: left;
	padding-top: 5px;
}

div.contacto a:hover		{ text-decoration: underline; }
div.centrado		{ width: 770px; text-align: center; }
strong				{ font-weight: bolder; }
span.normal			{ font-weight: normal; }
#suscripcion {border:0px;}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.paginacion {
	width: 750px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:center;
	color:#ccffff;
}
.paginacion a, .paginacion a:visited {text-decoration: underline;}
.img_noticia {
	max-width: 200px;
	float: left;
	margin-right: 15px;
}
.volver{
	background-image:url(../images/prev.png);
	padding-left:35px;
	background-repeat: no-repeat;
	height: 25px;
	margin-top:15px;
	color:#ccffff;
	font-size:11px;
}
.volver:hover{background-image:url(../images/prev_hover.png);
	color:#FF9933;}
.fecha{
	height: 25px;
	color:#ff9933;
	font-size:11px;
	margin-bottom: 8px;
	padding-left: 25px;
}	


/* Afiliados
-------------- */

#afil {text-align:center}
#afil img {margin:20px 15px;}


/* Reparación
--------------*/

.img_repara {
	margin: 10px 40px 15px 30px;
	text-align: center;
	float: left;
}

#texto_noticia p 	{ margin-top:10px; margin-bottom: 0;}
.content p {margin-bottom:10px;}

.destc { font-weight:bold; color:#CCFFFF;}


/* seguros
-----------*/

#texto_noticia ul		{margin:20px;}
#texto_noticia ul li 	{margin-bottom:5px; padding-left:25px; background:url(imagen/menuitem.png) left no-repeat;}