/* CSS Document */ 
@import url(http://fonts.googleapis.com/css?family=Quantico);

html,body {
    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 0px 0px;
	text-align: justify;
	background: url(/imagenes/cabecera.jpg) top no-repeat #fff;
}


header {
	border:0;
}
nav{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

#centro{
	border:0;
}

#abajo{
	border:0;
}

#inicio-izda{
	width:60%; 
	float:left;
	padding:0px 10px 10px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
	}

#inicio-dcha{
	width:40%; 
	float:left; 
	text-align:center;
	padding:0px 0px 10px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
	}

div.limpiar { clear:both; }

div.cabecera{
	width:100%;
	max-width:980px;
	margin:0 auto;
}
div.cabecera img{
	width:100%;
}

div.cuerpo{
	max-width:1200px;
	width:100%;
	padding:0px;
	margin:0 auto;
	background:#FFF;
}


div.menu_lateral{
	width:210px;
	float:left;
	margin:0;
}

div.contenido{
	width:65%;
	float:left;
	padding:10px 0px 10px 10px;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
}
div.banners{
	width:35%;
	float:right;
	padding:10px 0px 0px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
}

div.banners a{
	text-decoration:none;
}

div.banners a img{
	float:left;
	margin-left:5px;
	width:48%;
	height:auto;
}

img.banner{
	border:0;
	margin-bottom:10px;
}


div.pie{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	color:#FFF;
	background:#000;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
	}

div.fotos{
	text-align:center;
	display:table;
}

div.frase_pizarra{
	width:100%;
	background:#a6296c;
	font-size: larger;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#ffff00;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
	margin-bottom:10px;

}

div.barra_categorias{
	padding:0px 10px; 
	background: url(../imagenes/fondo_m_comercios.png) repeat-x #e8e8e8; 
}

div.barra_categorias_h1{
	float:left; text-align:center; 
	font-size:16px; 
	color: #30C; 
	margin:0px 10px 5px 0px;
}

div.barra_categorias a{
	text-decoration:none;
	color:#00C;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

div.barra_categorias a:hover{
	text-decoration: underline;
}

div.contenedor_empresas{
	width:80%; 
	float:right;
}

div.empresa{
	float:left; 
	width:50%; 
	height:250px; 
	text-align:center; 
	margin-bottom:30px;
}

#empresas_select{
	display:none;
}

div.galeria_listado{
	float:left;
	text-align:center;
	width:50%;
}

div.creditos{
	float:right;
}
	div.creditos a{
		text-decoration:none;
		color:#999;
		font-size:10px;
	}

div.fecha_top{
	background-color: #03C; 
	color:#FFF; 
	font-weight:bold; 
	padding:10px; 
	position:absolute; 
	margin-left:650px;
}


div.descripcion{
	padding: 10px 40px;
}


.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* just apply some height and width to the wrapper.*/
.mg-image {
  width:200px;
  height:150px;
  overflow: hidden;
  margin:5px;
  text-align:center;
}

.mg-image-galerias {
	float:left;
	width:160px;
	height:110px;
}


div.image {float:left; width:250px; height:180px; position:relative;}

div.image img {float:left; margin:0; padding:0;}

div.image div.leyend {
	position:absolute; 
	bottom:0; 
	left:0; 
	margin-top: 4px; 
	height:auto; 
	background:url('/imagenes/fondo_leyenda.png') /*la imagen es un png de 560x83, con relleno blanco al 60% de opacidad aprox*/
	no-repeat 0 0; 
	padding:2px 3px 0px 3px; 
	width:100%;
}

div.image div.leyend h3 {font:bold 12px Helvetica, Arial; color:#fff; text-align:center;}


div.listado_seccion {
	text-align:center;
	background:#fff;
	width:220px;
	height:205px;
	margin-top:20px;
	float:left;
}	

a.listado_seccion:link,
a.listado_seccion:visited,
a.listado_seccion:active{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:10px;
	color:#FFF;
	background: #000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

a.listado_seccion:hover {
	background:#424242;
	text-decoration:underline;
}

div.listado_seccion div.foto{
	position:absolute; 
	text-align:center; 
	margin:0 auto; 
	width:100%;
}

div.listado_seccion div.enlace{
	position:absolute; 
	color:#000;
	background: url(/imagenes/bg.png); 
	text-align:center; 
	width:100%; 
	padding-top:3px; 
	padding-bottom:3px;
}



div.listado_categorias {
	text-align:center;
	width:200px;
	height:200px;
	margin:10px;
	float:left;
	position:relative;
}

div.listado_categorias a:link img, a:visited img{
	background-color:#FFF;
	border: solid 1px #333;
	padding:2px;
	text-decoration:none;
	position:relative;
}
div.listado_categorias a:hover img {
	filter: alpha(opacity=80); 
	opacity: .8;
}

div.listado_categorias a:link,div.listado_categorias a.categoria:active,div.listado_categorias a:visited{
	TEXT-DECORATION: none; color:#030; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;
}
div.listado_categorias a:hover{
	TEXT-DECORATION: none; color:#030; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; text-decoration:underline;
}


div.listado_productos {
	border:solid 1px #91bbe8;
	text-align:center;
	background:#d5e6f8;
	width:220px;
	height:260px;
	margin:10px;
	float:left;
	position:relative;
}
div.listado_productos:hover{border-color:#1249a4; background:#aac8e8;}

div.listado_productos a:link img, a:visited img{
	background-color:#FFF;
	border: solid 1px #333;
	padding:2px;
	text-decoration:none;
	position:relative;
}
div.listado_productos a:hover img {
	filter: alpha(opacity=80); 
	opacity: .8;
}


div.listado_fotodenuncias {
	float:left; 
	text-align:center; 
	width:240px;
}

div.listado_fotodenuncias a:link img, a:visited img{
	text-decoration:none;
	position:relative;
}
div.listado_fotodenuncias a:hover img {
	filter: alpha(opacity=80); 
	opacity: .8;
}

div.listado_fotodenuncias a:link,div.listado_fotodenuncias a.categoria:active,div.listado_fotodenuncias a:visited{
	TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;
}
div.listado_fotodenuncias a:hover{
	text-decoration:underline;
}

span.precioantes{
	color:#F00;
	font-size:12px;
	text-decoration:line-through;
}

span.precio{
	color:#333;
	font-size:18px;
	font-weight:bold;
}

div.lopd{
	font-size:9px;
	color:#999;
	margin:11px;
}

div.limpiar{
	clear:both;}
	

div.banner_noticias {
	border-top: solid 1px #000; 
	margin-top:10px;
	text-align:center;
}
div.banner_noticias a {
	text-decoration:none;
}
div.banner_noticias a img{
	margin:5px;
	width:45%;
}



/* formulario */
#contacto{
	padding:10px;
}
#contacto input, #contacto textarea{
	width:100%;
	margin:5px auto;
	padding:5px;
	border: solid 1px #999;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	background:#F6F6F6;
	box-shadow: inset 0px 0px 10px #DEDEDE;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-box-sizing:border-box;
}
#contacto button{
	height:30px;
	width:50%;
	margin-left:25%;
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 6%, #83c783 12%, #52b152 22%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#b4ddb4), color-stop(12%,#83c783), color-stop(22%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 6%,#83c783 12%,#52b152 22%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 6%,#83c783 12%,#52b152 22%,#008a00 67%,#005700 83%,#002400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 6%,#83c783 12%,#52b152 22%,#008a00 67%,#005700 83%,#002400 100%); /* IE10+ */
background: linear-gradient(to bottom, #b4ddb4 6%,#83c783 12%,#52b152 22%,#008a00 67%,#005700 83%,#002400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */	
	border: solid 1px #030;
	color: #fff;	
	border-radius: 3px;	
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	}
#contacto button:hover{
	background:#008A00;
}
#contacto button:active{
background: #002400; /* Old browsers */
background: -moz-linear-gradient(top, #002400 0%, #005700 17%, #008a00 33%, #52b152 78%, #83c783 88%, #b4ddb4 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002400), color-stop(17%,#005700), color-stop(33%,#008a00), color-stop(78%,#52b152), color-stop(88%,#83c783), color-stop(94%,#b4ddb4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #002400 0%,#005700 17%,#008a00 33%,#52b152 78%,#83c783 88%,#b4ddb4 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #002400 0%,#005700 17%,#008a00 33%,#52b152 78%,#83c783 88%,#b4ddb4 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #002400 0%,#005700 17%,#008a00 33%,#52b152 78%,#83c783 88%,#b4ddb4 94%); /* IE10+ */
background: linear-gradient(to bottom, #002400 0%,#005700 17%,#008a00 33%,#52b152 78%,#83c783 88%,#b4ddb4 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */
}



/* tablas */
.contacto {
	border:solid 1px #91bbe8;
	background:#d5e6f8;	
	}
/* imagenes */

.bordeImag {
	border: 1px	solid #E4E4E4;
	background-color:#FFF;
	padding:2px;
}


/* títulos */
h2.cabecera{
	font-family: 'Quantico', sans-serif;	
	color:#ffffcc;
	font-size:84px;
	font-weight:bold;
	margin:0 auto;
}

h2.cabeceraSub{
	font-family: 'Quantico', sans-serif;	
	color:#ffffcc;
	font-size:32px;
	font-weight:bold;
	margin:0 auto;
}

h1.titulo{
	font-family: 'Quantico', sans-serif;	
	font-size:26px;
	font-weight:bold;
	color:#3399cc;
	margin-top:0;
}

h1.titulo_empresas{
	font-family: 'Quantico', sans-serif;	
	font-size:26px;
	font-weight:bold;
	color:#03C;
	margin-top:0;
	text-align:center;
}


h2.redondo{
	color:#FFF;
	background:url(/imagenes/fondo_titulo.png) left top repeat-x;
	font-size:16px;
	line-height:16px;
	font-family:Arial,Helvetica,Sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:7px 0 7px 10px;
	text-transform:uppercase;
	border:2px solid #c40000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
	h2.redondo a{
		color:#FFF;
		text-decoration:none;		
	}


h2.redondo_p{
	color:#FFF;
	background:url(/imagenes/fondo_titulo.png) left top repeat-x;
	font-size:14px;
	line-height:14px;
	font-family:Arial,Helvetica,Sans-serif;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:4px 0 4px 7px;
	text-transform:uppercase;
	border:2px solid #c40000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
	h2.redondo_p a{
		color:#FFF;
		text-decoration:none;		
	}

h3.inicio{
	padding:10px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

div.titulo{
	font-family: 'Quantico', sans-serif;	
	font-size:26px;
	font-weight:bold;
	color:#003300;
	text-align:center;
}
div.descripcion_empresas{
	text-align:center;
	margin:5px 20px;
	color:#03C;
	font-size:12px;
}

/* enlaces */

a.archivos{
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a.ruta:link, a.ruta:visited, a.ruta:active, a.ruta:hover{
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
}

a.imagen:link, a.imagen:visited, a.imagen:active, a.imagen:hover{ 
	color:#134d86; 
	text-decoration:none;
}
a.imagen:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}

a.galeria:link, a.galeria:visited, a.galeria:active, a.galeria:hover{ 
	color: #06F;
	font-size:16px;
	text-decoration:none;
}
a.galeria img {
	border:0;
}

a.creditos:link, a.creditos:visited, a.creditos:active, a.creditos:hover{ 
	color:#FFF;
	font-size:9px;
	text-decoration:none;
}
a.creditos img {
	border:0;
}

.leermas-wrap{margin-bottom:5px;}
a.leermas{border: solid 1px #666; color: #333; background:#DFDFDF;padding:6px 14px;font-size:12px;line-height:12px;display:block;text-decoration:none; margin-top:5px;}
a.leermas:hover{color:#DFDFDF;background:#333;text-decoration:none}

.indicenoticias-wrap{margin-bottom:5px; float:right; margin-right:5px;}
a.indicenoticias{color:#262727;background:#DFDFDF;padding:5px 7px;font-size:12px;line-height:12px;display:block;text-decoration:none;}
a.indicenoticias:hover{color:#fff;background:#0d3082;text-decoration:none}


a.listado:link, a.listado:visited, a.listado:active {TEXT-DECORATION: none; color:#5382d1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
a.listado:hover {color:#1249a4;}

a.categoria:link, a.categoria:visited, a.categoria:active {TEXT-DECORATION: none; color:#1249a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}
a.categoria:hover {TEXT-DECORATION: underline; color:#1249a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}


a.producto:link, a.producto:visited, a.producto:active {TEXT-DECORATION: none; color:#1249a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}
a.producto:hover {TEXT-DECORATION: underline; color:#1249a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}


a.indicePag{padding:5px 10px; background:#03C; color:#FFF; text-decoration:none; margin-left:2px; text-align:center; font-size:16px;}
a.indicePag:hover{text-decoration:underline;}

a.indicePagSel{padding:5px 10px; background:#fff; color:#000; text-decoration:none; margin-left:2px; text-align:center; font-size:16px;}


a.familia:link, a.familia:visited, a.familia:active {
	TEXT-DECORATION: none; 
	color:#fff;
	background:#060;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	display:block;
	text-align:center;
	padding:20px;
	margin-top:20px;
	padding:0px 10px 10px 0px;
}
a.familia:hover {
	TEXT-DECORATION: underline;
	background:#090;
}

a.galeria_boton {
	TEXT-DECORATION: none; 
	color:#fff;
	background:#060;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18pt; 
	display:block;
	text-align:center;
	padding:20px;
	width:33%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
}
a.galeria_boton:hover {
	background:#090;
}

a.desactivado{
	color: #FFFFFF;
	background:rgba(216,216,216,1.00)}

a.presupuesto{
	padding:5px;
	background:#009912;
	color:#fff;
	float:right;
	text-decoration:none;
	}

a.botonG{
	text-decoration:none;
	padding:20px;
	text-align:center;
	display:block;
	margin:10px 100px auto;
	color:#FFF;
	font-size:18px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
a.botonG:hover{
	text-decoration:underline;
}


#menu {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(/imagenes/menu6.gif);
	padding: 8px 0 0 10px;
	font-size:12px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(/imagenes/menu6.gif) 0 -32px;
	padding: 8px 0 0 10px;
	font-size:12px;
	}



@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?tlwu02');
	src:url('fonts/icomoon.eot?#iefixtlwu02') format('embedded-opentype'),
		url('fonts/icomoon.ttf?tlwu02') format('truetype'),
		url('fonts/icomoon.woff?tlwu02') format('woff'),
		url('fonts/icomoon.svg?tlwu02#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-cross:before {
	content: "\e600";
}
.icon-circle-right:before {
	content: "\e601";
}
.icon-circle-left:before {
	content: "\e602";
}
.icon-arrow-up2:before {
	content: "\e603";
}
/*------------------------------------------*/
/*-----        BOTON IR ARRIBA        -------*/
/*------------------------------------------*/
.ir-arriba{
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#FFF;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;	
}


@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

div.contenido{
	width:100%;
	float:none;
}
div.barra_categorias{
	display:none;
}
div.contenedor_empresas{
	width:100%; 
	float:none;
}
div.empresa{
	width:100%;
	float:none;
}
div.banners{
	width:100%;
	float:none;
	text-align:center;
}
div.banners img{
	margin:5px;
}
#inicio-izda{
	width:100%;
	float:none;
}
#inicio-dcha{
	width:100%;
	float:none;
}
div.fecha_top{
	display:none;
}
div.galeria_listado{
	float:none;
	width:100%;
	margin-bottom:20px;
}
#menu_comercios{
	display:none;
}
#empresas_select{
	display:block;
	text-align:center;
}

#empresas_select select option{
	font-size:18px;
	}
}