@charset "utf-8";
/* Hoja de Estilos de Irene Rios: Documento CSS */

/* --- Reinicializamos Estilos --- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
form,fieldset,input,textarea,p,blockquote,th {  
    padding: 0;  
    margin: 0;  
}  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
}  
fieldset,img {  
    border: 0;  
}  
address,caption,cite,code,dfn,th,var {  
    font-weight: normal;  
    font-style: normal;  
}  
ol,ul {  
    list-style: none;  
}  
caption,th {  
    text-align: left;  
}  
h1,h2,h3,h4,h5,h6 {  
    font-weight: normal;  
    font-size: 100%;  
}  
q:before,q:after {  
    content:'';  
}  
abbr,acronym { border: 0; }


/* --- FIN Reinicialización de Estilos --- */

#wrap{
	float:left;
	width:100%;
}

#wrap_header{
	float:left;
	width:100%;
	height:178px;
	background:url(../img/fondoheader.jpg) repeat-x center;
}

#header {
	top:0;
	width:930px;
	margin:auto;
	padding:0px 15px;
}

/* === Franja Superior === */

#header .franjatop {
	float:left;
	width:930px;
	height:50px;
	font-family: 'Cabin', sans-serif;
}

#header .franjatop .franjatopizq {
	float:left;
	width:475px;
	font-size:0.875em;
	text-align:left;
}

#header .franjatop .franjatopizq p {
	color:#CCC;
	padding-left:30px;
	padding-top:15px;
}

#header .franjatop .franjatopizq p span {
	color:#CC9;
}

#header .franjatop .idiomas {
	float:right;
	width:70px;
	text-align:right;
	margin-top:18px;
	padding-left:12px; /* Permite que la bandera no quede solapada por la capa del número de teléfono */
}

#header .franjatop .idiomas img {
	border:solid 1px #666;
}

#header .franjatop .idiomas img:hover {
	border:solid 1px #999;
}


#header .franjatop .franjatopdch {
	float:right;
	/*width:385px;*/
	width:345px;
	text-align:right;
}

#header .franjatop .franjatopdch p {
	display:block;
	color:#CCC;
	padding-left:20px;
	padding-top:12px;
}

#header .franjatop .franjatopdch p span {
	color:#FFF !important;
	font-size:1.1em;
	background:url(../img/phone.png) no-repeat;
	padding:5px 20px 5px 40px;
	margin-left:10px;

}

/* === FIN Franja Superior === */

/* === Franja Logo === */

#header .franjalogo {
	float:left;
	width:930px;
	height:128px;
}

#header .logo {
	float:left;
	width:300px;
	height:128px;
}

#header .logo img {
	margin-top:-36px;
	text-align:left;

}

#header .menu {
	float:right;
	width:630px;
	height:128px;
}

#header .menu ul {
	text-align:right;
	font-family: 'Cabin', sans-serif;
	font-size:1em;
	color:#FFF;
	margin-top:85px;
}

#header .menu ul li {
	display:inline;
}

#header .menu ul li a {
	color:#FFF;
}

#header .menu ul li a:hover {
	text-decoration:none;
}


/* === FIN Franja Logo === */


/* === Carousel === */

#wrap_flash {
	float:left;
	width:100%;
	height:300px;
}

#carousel {
	width: 100%;
	height: 300px;
}

#viewport {
	width: 100%;
	height: 300px;
	margin:auto;
}

#viewport a {
	width: 100%;
	height: 300px;
	z-index: 1;
}

.sombrabanner {
	width: 100%;
	height: 300px;
	background:url(../img/franjabanner.png) repeat-x;
}

#wrap_miga {
	width: 100%;
	height:35px;
	font-family: 'Cabin', sans-serif;
	color:#FFF;
}

#miga {
	width: 930px;
	margin:auto;
	font-family: 'Cabin', sans-serif;
	color:#FFF;
	position:relative;
	top:-35px;
	z-index:99;
}

#miga p {
	padding-top:9px;
	font-size:0.85em;
}

#miga p a {
	color:#CC9;
	text-decoration:underline;
}

#miga p a:hover {
	color:#FFF;
	text-decoration:none;
}

#carousel .pic {
	width: 100%;
	height: 300px;
	z-index: 1;
}

/* === FIN Franja Logo === */

#wrap_titulo {
	float:left;
	width:100%;
	height:122px;
	background:url(../img/fondotit.jpg) repeat-x;
	margin-top:-35px;
}

#titulo {
	top:0;
	width:930px;
	margin:auto;
}

#titulo p {
	font-family: 'Rokkitt', serif;
	font-size:3.2em;
	color:#FFF;
	font-weight:bold;
	padding-top:15px;
}

#titulo p span {
	font-size:0.875em;
	color:#CC9 !important;
	font-weight:normal !important;
	line-height:0.4em;
}

#wrap_cuerpo{
	float:left;
	width:100%;
}

#cuerpo {
	top:0;
	width:930px;
	margin:auto;
}

#colizq {
	float:left;
	width:260px;
	margin-right:30px;
}

#coldch {
	float:left;
	width:640px;
	margin-bottom:20px;
}

/* --- Catálogo --- */

#catalogo {
	display:block;
	font-family: 'Cabin', sans-serif;
	margin-bottom:35px;
}

#catalogo h3 {
	color:#FFF;
	font-size:1.4em;
	margin-top:20px;
	margin-bottom:5px;
}

#catalogo ul li {
	font-size:0.875em;
	color:#CCC;
	list-style: inside disc;
	margin-left:15px;
}

#catalogo ul li a:link, #catalogo ul li a:visited, #catalogo ul li a:active {
	color:#CC9;
	text-decoration:none !important;
}

#catalogo ul li a:hover, .activo:link {
	color:#CCC !important;
	text-decoration:underline !important;
}

.activo:hover {
	color:#FFF !important;
	text-decoration:none;
}

#catalogo ul ul li {
	font-size:0.875em;
	color:#CCC;
	list-style: inside square;
	margin-left:30px;
}

#catalogo ul ul li a {
	color:#CC9;
	list-style: inside square;
}

#catalogo ul ul li:first-child {
	padding-top:5px;
}

#catalogo ul ul li:last-child {
	padding-bottom:10px;
}

/* --- FIN  Catálogo --- */

/* --- Banner Home--- */

#bannerhome {
	display:block;
}

#bannerhome img {
	margin-bottom:15px;
}


/* FIN Banner Home --- */

/* --- Ficha Previa --- */

.fichaprev {
	float:left;
	width:200px;
	margin-right:20px;
	text-align:center;
}

.fichaprev .fichapic {
	width:200px;
	height:220px;
	margin-bottom:10px;
	text-align:center;
}

.fichaprev p {
	float:left;
	display:block;
	width:184px;
	min-height:16px;
	font-family: 'Rokkitt', serif;
	background:#333;
	color:#EEE;
	font-size:1.1em;
	padding:8px;
	border-bottom: dashed 1px #EEE;
	margin-bottom:20px;
}

.fichaprev p a  {
	width:200px;
	color:#EEE;
}

.fichaprev p a:hover  {
	color:#CC9;
	text-decoration:underline;
}

.fichaprev ul  {
	display:block;
	text-align:center;
}

.fichaprev ul li {
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
}

.fichaprev ul li a:link, .fichaprev ul li a:visited, .fichaprev ul li a:active {
	color:#CC9;
}

.fichaprev ul li a:hover {
	color:#FFF;
}

.manual {
	color:#9CF !important;
}


/* --- FIN Ficha Previa --- */

/* --- Ficha Artículo --- */

.fichaprod {
	float:left;
	width:100%;
	text-align:left;
}

.fichaprod .fichapic {
	display:block;
	float:left;
	width:340px;
	text-align:left;
	margin-bottom:15px;
}

.fichaprod .fichapq {
	display:block;
	float:left;
	width:96px;
	height:106px;
	text-align:left;
	margin-bottom:15px;
	margin-right:13px;
	margin-top:10px;
	text-align:center;
}

.familia:link, .familia:visited, .familia:active {
	text-decoration:underline;
	color:#CC9;
}

.familia:hover {
	text-decoration:none !important;
	color:#FFF !important;
}

.nomarginr { margin-right:0px !important; }

.fichaprod .fichatxt {
	float:right;
	display:block;
	width:300px;
}

.fichaprod .fichatxt p {
	font-family: 'Cabin', sans-serif;
	color:#EEE;
	font-size:0.875em;
}

.fichaprod .fichatxt p a  {
	text-decoration:underline;
	color:#CC9;
}

.fichaprod .fichatxt p a:hover  {
	color:#EEE;
	text-decoration:none;
}

.seplinea {
	float:left;
	display:block;
	width:315px;
	border-bottom: dashed 1px #999;
	margin-bottom:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#999;
	padding-bottom:3px;
}

.seplinea2 {
	float:left;
	display:block;
	width:100%;
	border-top: dashed 1px #999;
	margin:20px 0px;
	text-align:right;
	padding-top:40px;
}

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

.seplinea2 a {
	margin:0px;
}

/* --- FIN Ficha Artículo --- */

#wrap_footer{
	float:left;
	width:100%;
	height:125px;
	background:url(../img/fondofooter.jpg) repeat-x;
	margin-top:20px;
}

#footer {
	top:0;
	width:960px;
	margin:auto;
	text-align:center;
	padding-top:20px;
}

#footer p {
	font-family: 'Cabin', sans-serif;
	color:#FFF;
	font-size:0.75em;
}

#footer p span {
	font-size:1.6em;
}

#footer p a {
	color:#CC9;
	text-decoration:underline;
}

#footer p a:hover {
	color:#FFF;
	text-decoration:none;
}

#privado {
	margin-top:20px;
}

.titulosec {
	float:left;
	width:100%;
	display:block;
	margin:20px 0px;
	background:#222;
	margin-bottom:20px;
}

.titulosec p {
	font-family: 'Cabin', sans-serif;
	font-size:1.6em;
	color:#CCC;
	padding:5px 15px;
}

.titulosec2 {
	float:left;
	width:100%;
	display:block;
	margin:20px 0px;
	background:#222;
	margin-bottom:20px;
}

.titulosec2 p {
	font-family: 'Rokkitt', serif;
	font-size:2.6em;
	color:#FFF;
	padding:5px 15px;
}

.titulosec2 p span {
	font-size:0.40em;
	color:#CC9;
}

.textosec {
	float:left;
	width:100%;
}

.textosec p {
	font-family: 'Cabin', sans-serif;
	color:#EEE;
	font-size:0.875em;
	line-height:1.4em;
}

.textosec p a {
	color:#CC9;
	text-decoration:underline;
}

.textosec p a:hover {
	text-decoration:none;
}

/* --- CONTACTO --- */

.Tipo_Contacto {
	float:left;
	width:100%;
	margin-top:25px;
}

.Tipo_Contacto .Tipoform {
	float:left;
	width:18%;
	margin:0px 10px 10px 0px;
	padding-top:3px;
	text-align:right;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CCC;
	text-decoration:none;
}

.Tipo_Contacto .Tipoform em {
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CC9;
	text-decoration:none;
	font-style:normal;
}

.Tipo_Contacto .TipoSelec {
	float:left;
	text-align:left;
	width:80%;
	height:26px;
	margin:0px 0px 10px -15px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CCC;
}

.Tipo_Contacto .TipoSelec label {
	width:0;
	height:0;
}

.Form_Contacto {
	display:block;
	width:100%;
	clear:left;
}

.Form_Contacto label {
	float:left;
	width:18%;
	margin-right:10px;
	padding-top:8px;
	text-align:right;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CCC;
	text-decoration:none;
}

.Form_Contacto em {
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CC9;
	font-style:normal;
	text-decoration:none;
}

.Form_Contacto label em{
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #CC9;
	font-style:normal;
	text-decoration:none;
}


.Form_Contacto .Cajaform1 {
	width:76%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;
}

.Form_Contacto .Cajaform1:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform2 {
	width:60%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;

}

.Form_Contacto .Cajaform2:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform3 {
	width:40%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;

}

.Form_Contacto .Cajaform3:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform4 {
	width:78%;
	height:90px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;
}

.Form_Contacto .Cajaform4:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform5 {
	display:inline;
	width:60%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;

}

.Form_Contacto .Cajaform5:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform6 {
	display:inline;
	width:20%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;

}

.Form_Contacto .Cajaform6:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform7 {
	width:62%;
	height:26px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;

}

.Form_Contacto .Cajaform7:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .Cajaform8 {
	width:76%;
	height:90px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;
}

.Form_Contacto .Cajaform8:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Form_Contacto .CajaDesplegable {
	width:71%;
	height:32px;
	padding:3px;
	margin-bottom:2px;
	font-family: 'Cabin', sans-serif;
	font-size:0.875em;
	font-weight:normal;	
	color: #000;
	border: solid 1px #CCC;
	background:#eee;
}

.Form_Contacto .CajaDesplegable:hover {
	border: solid 1px #999;
	background-color:#FFFFFF;
}

.Envia_Contacto {
	float:left;
	width:100%;
	padding-top:30px;
	text-align:left;
	clear:left;
}

.Envia_Contacto .Datos_Oblig {
	float:left;
	text-align:right;
	width:50%;
	height:26px;
	font-family: 'Cabin', sans-serif;
	font-size:0.65em;
	font-weight:normal;
	color: #FFF;
	padding-top:10px;
}

.Envia_Contacto .Datos_Oblig em {
	font-size:1.0em;
	font-weight:bold;
	color: #CC9;
	font-style:normal;
}

.Envia_Contacto .Datos_Oblig img {
	display:inline;
	margin-right:5px;
	vertical-align:bottom;
}

.Boton_Enviar {
	float:left;
	text-align:right;
	width:50%;
	height:26px;
}

.botonenvia {
	font-family: 'Cabin', sans-serif;
	color:#FFF !important;
	padding:8px 20px !important;
	margin-right:20px;
}

.botonenvia:hover {
	text-decoration:none !important;
	border:solid 5px #FFF !important;
}

/** --- FIN CONTACTO --- **/

.mapa {
	float:left;
	width:650px;
	margin:25px 0px 15px 0px;
}

.mapa p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
}

.mapa a:link, .mapa a:visited, .mapa a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#39C;
	text-decoration:underline;
}

.mapa a:hover {
	color:#000;
	text-decoration:none;
}

.mapa iframe {
	padding:1px;
	border:solid 4px #EEE;
	margin-top:5px;
}

/* --- LOPD --- */

.Lopd {
	float:left;
	text-align:center;
	float:left;
	width:95%;
	padding:15px;
	background-color:#333;
	border:solid 1px #666;
}

.Lopd p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	font-weight:normal;	
	color: #CCC;
}

/* --- Fin LOPD --- */

/* --- REDES SOCIALES --- */

#socialmedia { float:right; display:block; width:100%; text-align:right; margin-bottom:25px;}
#socialmedia .fb, #socialmedia .tt, #socialmedia .g1 { display:block; float:right; }
#socialmedia .fb { margin-left:-16px; }

/* --- Fin REDES SOCIALES --- */

/* --- Inicio PAGINADOR --- */

#paginador {
	float:left;
	text-align:right;
	width: 618px;
	padding:10px;
	border: solid 1px #444;
	background-color:#333;
	margin-top:30px;
}


#paginador p {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;	
	color: #CCC;
	text-decoration:none;
	margin-right:10px;
} 

#paginador a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;	
	color: #FFF;
	background-color:#555;
	padding:1px 5px 1px 5px;
	border: solid 1px #CC9;
	text-decoration:none;
} 

#paginador a:hover {
	background-color:#000;
} 

#paginador .activo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;	
	color: #000;
	background-color:#CC9;
	padding:1px 5px 1px 5px;
	border: solid 1px #CC9;
	text-decoration:none;
} 
#paginador .activo:hover {
	color: #000;
	background-color:#999;
	border: solid 1px #CC9;
} 

#paginador .flecha {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:bold;	
	color: #FFF;
	background-color:#666;
	padding:1px 5px 1px 5px;
	border: solid 1px #BBB;
	text-decoration:none;
} 
#paginador .flecha:hover {
	color: #FFF;
	background-color:#000;
	border: solid 1px #CC9;
} 
/* --- Fin PAGINADOR --- */

/* --- AJUSTES --- */

.clearfix { clear:left !important; }
.nomargin { margin:0 !important; }
.block { display: block !important; }
.mt20 { margin-top:20px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mb10 { margin-bottom:10px !important; }
.mb30 { margin-bottom:30px !important; }

.ml35 { margin-left:35px !important; }
.taright { text-align:right !important; }
.mb4inv { margin-bottom:-4px; }

/*	Sidebar 	------	*/

.two-tier-menu,
.two-tier-menu ul,
.two-tier-menu li,
.two-tier-menu a,
.two-tier-menu span
{
	display: block;
	overflow: hidden;
}