@charset "utf-8";
/* CSS Document */

BODY {
	/*
	background-image:url(../../imagenes/background.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-attachment:fixed;
	*/
	text-align: center;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color : #000000;
	margin : 0 0 0 0;
} 


h1{
	border: 0;
	margin: 0;
	padding: 0;
}

p {
	margin:0;
	padding:0 0 20px 0;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}

.clr { clear:both; }

.alert { color:#FF0000; padding: 0 15px; font-size: 10px;}

img { margin:0; padding: 0; }

legend {
	color: #DB2A1E;
	font-weight: bold;
	padding: 0 5px;
}

/* Propiedades formulario */

form { margin: 0; padding: 0; }

input, select, textarea { }

input, select { font-size: 10px;  border: 1px solid silver;  }
textarea      { font-size: 11px;  border: 1px solid silver; }
button        { font-size: 10px;  }

input.disabled { background-color: #F0F0F0; }

input:focus,
select:focus,
textarea:focus { background-color: #ffd }

input.button  { cursor: pointer; margin:10px 0; }

input.button { 
	color:#FFF;
	font-weight: bold;
	border: 1px solid #2C2E2F;
	background-color: #2C2E2F;
	padding: 1px 5px;
}

input.button:hover{ 
	color:#FFF;
	background-color: #DB2A1E;
}

/* Form Accesible */
.form-area legend { text-transform:uppercase; margin-bottom: 10px; }

.campo_form { margin: 0 0 2px 0; clear:both; }
.campo_form label{
	padding: 2px 1em;
	display: block;
	width: 7em;
	float: left;
	text-align: right;
	background-color: #F1F1F1;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.campo_form label span { color:#F00; }
.campo_form input { padding: 2px 0; margin-left: 5px; }
.campo_form .fixed { width: 267px; }

.campo_form .alert { margin-left: 110px; }

.campo_form_check {}

.validate { color:#F00; background:url(../imagenes/icons/validation_advice_bg.gif) no-repeat 0 center; }
.validate-ok { color:#060; }

.observaciones label { 
	color: #DB2A1E;
	font-weight: bold;
	padding: 0 5px;
}

/* buttons */

.acciones   { }

.form-button {	
	background-color:#F1F1F1;
	border: 1px solid #CCC;
	color:#000;
}
.form-button:hover { 	
	background-color:#CCC;
	border: 1px solid #888;
	color: #000;
}

.simple-button { padding-top: 5px ; padding-bottom: 4px; padding-right: 10px; }
.simple-button span { }

.wr-form-area .acciones input { margin-left: 105px; }


/**************************** HACKS *******************************/
/* transparencia PNG IE6 */

/*
.png_transparent {
	background-image: url(../imagenes/prueba.png)!important;
	background-image: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../imagenes/prueba.png);
}

*/

/****************************************************/
/***********[ Mage_CSS_B Common Elements ]***********/
/****************************************************/


/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }

/************************************************************/
/******************[ Important structure ]*******************/
/************************************************************/
/* (start) HACKS sticky-footer */

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#wr-content { padding-bottom: 60px; }  /* debe ser el mismo alto que el footer */
#wr-footer  {
	position: relative;
	margin-top: -60px; /* valor negativo del alto del footer */
	height: 60px;
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************************************************/
/********************[ Mage_CSS_C Layout]********************/
/************************************************************/


/********************** Base Layout */

/* Structure */
#wrapper {
	margin:auto;
	text-align: justify;
	width: 100%;
}

#wr-header {
	background-image:url(../imagenes/img_bg_wrheader.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
}

#wr-menu { 
	position: absolute; 
	width:950px; 
	margin-top: -32px;
}


#wr-top { height: 100px; background-color:#FF0000;}

#wr-content { 
	background-color:#FFF;
	background-image:url(../imagenes/img_bg_wrcontent.jpg);
	background-position: 50.5% top;
	background-repeat:no-repeat;
}

#wr-footer {
	background-image:url(../imagenes/img_bg_footer.gif);
	background-repeat:repeat-x;
}

/********************** Comunes */

.container { padding: 0 20px; }

.title{ padding: 0 20px; height: 50px; }

/********************** col-1-layout */

#col-1-layout { 	
	background-color: #FFF; /*comentar*/
	width:950px;
	margin:auto;
	padding-bottom: 20px;
}

#col-1-layout .top { padding: 0 20px 0 20px; }

#col-1-layout .col-main { }

#col-1-layout .col-main .title{ }


/********************** col-2-left-layout */

#col-2-left-layout { 
	width:950px;
	margin:auto;
	padding-bottom: 20px;
	/*
	background-image:url(../../imagenes/fondo_center.gif);
	background-position:left;
	background-repeat:repeat-y;
	*/
}

#col-2-left-layout .top { padding: 0 20px 0 20px; }

#col-2-left-layout .col-left { 
	background-image:url(../imagenes/img_shadowleft.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left; 
	width:346px;
	padding-bottom: 185px;
}

#col-2-left-layout .col-left .title{
	background-image:url(../imagenes/img_shadowleft_top.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

#col-2-left-layout .col-main { 
	/* position:relative; */ /* asi se visualiza en vista diseño el contenido */
	/* margin-left: 355px; */
	width:587px;
	float:right;
}

#col-2-left-layout .col-main .title{ }

/********************** col-2-right-layout */

#col-2-right-layout { 
	background-color: #FFF; /*comentar*/
	width:950px;
	margin:auto;
	padding-bottom: 20px;
}

/* BANNER */
#col-2-right-layout .top { padding: 0 20px 0 20px; }

#col-2-right-layout .col-left { 
	background-image:url(../imagenes/img_shadowleft_02.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left; 
	width:30%;
	padding-bottom: 185px;
}

#col-2-right-layout .col-left .title{
	background-image:url(../imagenes/img_shadowleft_top.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

#col-2-right-layout .col-left .container{ padding:0; border-left: 5px solid #FFF; }

#col-2-right-layout .col-main {
	float:left; 
	width: 70%;  
}

#col-2-right-layout .col-main .title{ }

#col-2-right-layout .col-main .container{ padding:0 20px; }


/********************** col-3-layout */

#col-3-layout { 
	background-color: #FFF; /*comentar*/
	width:950px;
	margin:auto;
	padding-bottom: 20px;
}

/* BANNER */
#col-3-layout .top { padding: 0 20px 0 20px; }

#col-3-layout .col-left { 
	background-image:url(../imagenes/img_shadowleft_02.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left; 
	width:30%;
	padding-bottom: 185px;
}

#col-3-layout .col-left .title{
	background-image:url(../imagenes/img_shadowleft_top.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

#col-3-layout .col-left .container{ padding:0; border-left: 5px solid #FFF; }

#col-3-layout .col-main {
	float:left; 
	width: 25%;  
}

#col-3-layout .col-main .title{  }

#col-3-layout .col-main .container{ padding:0;  border-right: 5px solid #EFEFEF; }

#col-3-layout .col-right { 
	float:right; 
	width: 44.9%; 
}

#col-3-layout .col-right .title{ }



/********************** Header */

/* Header structure */
.header {
	width:950px;
	height: 176px;
	margin:auto;
	background-image:url(../imagenes/img_bg_header.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.location .header { height: 172px; }

.access { float: right; color:#FFF; margin: 10px 15px; }

.access ul{ }
.access li{ display:inline; padding: 0 5px; border-right: 1px solid #FFF; }
.access li.last { border-right: 0; }

.access a:link {
	text-decoration: none;
	color: #FFF;
}

.access a:visited {
	text-decoration: none;
	color: #FFF;
}

.access a:hover {
	text-decoration: underline;
	color: #FFF;
}

.access a:active {
	text-decoration: none;
	color: #FFF;
}

/* Breadcrumbs */
.wr-breadcrumbs { } 
.breadcrumbs span { }
.breadcrumbs { padding: 10px 20px; }
.breadcrumbs ol { display:inline;  }
.breadcrumbs ol li { display:inline; }
.breadcrumbs ol li a { background:url(../imagenes/icons/arrow_breadcrumbs.gif) no-repeat right; padding-right: 13px; }
.breadcrumbs ol li.first { /* color: #585858; */ }
.breadcrumbs ol li.last { color: #DB2A1E; font-weight: bold; }

.wr-breadcrumbs .back { font-weight: bold; padding:10px 20px 0 0; }

/* Footer structure */
.footer { 
	width:950px;
	margin:auto;
	padding-top: 25px;
	color: #FFF;
}

.footer .left{ float:left; }
.footer .right{ float:right; font-size: 10px; color: #686c6e; }
.footer .center{ float:left; margin-left: 83px; }

.footer a:link {
	text-decoration: none;
	color: #FFF;
}

.footer a:visited {
	text-decoration: none;
	color: #FFF;
}

.footer a:hover {
	text-decoration: underline;
	color: #FFF;
}

.footer a:active {
	text-decoration: none;
	color: #FFF;
}

.footer .access { margin: 0; }

.footer .access li{ display:inline; padding: 0 5px; border-right: 1px solid #FFF; font-weight: bold; }
.footer .access li.last { border-right: 0; }

/* Logo */
#logo {
	padding-top: 30px;
	float:left;
}

/********************** Content */
/* Content structure */

/* Col left */

/* Col main */

/* Col right */

/*********************** Footer */



/*********************** Noticias destacado */

.first { border-top: 1px dotted #000;}

.listado {
	border-bottom: 1px dotted #000;
	padding: 5px 0;
}

.listado a{
	font-weight: bold;
	color: #000;
}

.listado a:link {
	color: #000;
	text-decoration: none;
}
.listado a:visited {
	color: #000;
	text-decoration: none;
}
.listado a:hover {
	color: #000;
	text-decoration: underline;
}
.listado a:active {
	color: #000;
	text-decoration: none;
}

.listado:hover { background-color: #ffd; cursor: pointer; text-decoration:none; } /* resaltar tabla al pasar el mouse */

.listado .fecha{
	color: #DB2A1E;
	font-family: "trebuchet MS", verdana, Arial;
	font-size: 10px;
	background:url(../imagenes/icons/arrow_date.gif) no-repeat 0 center;
	padding-left: 10px;
}

/*********************** Modulos */

/* Destacado */

.noticia { }

.noticia .destacado { 
	background-image:url(../imagenes/img_lista02.gif);
	background-position:left center;
	background-repeat: no-repeat;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
	
	padding-left: 20px;
	height: 20px;
}

.noticia .destacado h4{ font-size: 11px; margin-top:2px; text-transform:uppercase; }


.noticia .destacado span { padding-right: 5px; }

.modulo {
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	padding: 5px 25px; 
	margin: 0 0 10px 0;
}

.img-noticia { margin-bottom: 20px;}

.img-noticia img{ border:1px solid #ccc; padding: 2px; }

ul.accesibilidad { margin-bottom: 20px; margin-left: 20px; }
.accesibilidad li { 
	padding: 5px 0;
	list-style-type: square;
	list-style-image: none;
}

ul.atajos_teclado { margin-bottom: 20px; }

.atajos_teclado span {
	background:none repeat scroll 0 0 #F0F0F0;
	border-color:#CCCCCC #666666 #666666 #CCCCCC;
	border-style:solid;
	border-width:1px;
	display:block;
	float:left;
	margin-right:0.6em;
	text-align:center;
	width:2em;
}

.atajos_teclado li {
	height:2em;
	line-height:2em;
	margin-bottom:0.3em;
	margin-left:0;
}

/* Info */
.info{ text-align:right; }

.info a{ background-color:#494c39; padding: 2px 5px; border: 1px solid #494c39; }

.info a:link {
	color: #F1F1E8;
	text-decoration: none;
}
.info a:visited {
	color: #F1F1E8;
	text-decoration: none;
}
.info a:hover {
	color: #F1F1E8;
	text-decoration: underline;
}
.info a:active {
	color: #F1F1E8;
	text-decoration: none;
}

/* Iconos */

.icon-download { 
	background-image:url(../imagenes/icons/download.png);
	background-position:left;
	background-repeat:no-repeat;
}


/* paginacion */

.page {
	background-color: #EFEFEF;
	border: 1px solid #ccc;
	padding: 5px; 
	margin-top: 20px;
	text-align:center;
}

.page ul { margin:0; padding:0;}
.page li { display: inline; padding: 0 5px; }

/*********************** Modulo destacados */

.image-gallery { }
.mascara-max {  width: 180px;  height: 165px;  overflow: hidden; background-color: #F1F1F1; text-align:center; }
.mascara {  width: 85px;  height: 85px;  overflow: hidden; background-color: #F1F1F1; text-align:center; }

.destacado { background-color: #f5f5f5; margin-bottom: 20px; padding-right: 20px; }
.destacado .image{ border-right: 5px solid #CCC; line-height:0; } 
.destacado .col-1 { width: 28%; }
.destacado .col-2 { width: 70%; }
.destacado p { padding:0; }

.border { border:1px solid #CCC; }
.separation { margin-right: 10px ; margin-bottom: 10px;}
.info { padding: 5px; text-align:right; background-color: #EFEFEF; margin-top: 20px; }
.empresa-conocenos .separation { margin-right: 10px; margin-right: 27px; }

/*********************** tables */

/* table_destacamos */

table.destacamos thead td { }
table.destacamos tbody td { }
table.destacamos tbody tr:hover td {  } /* resaltar tabla al pasar el mouse */
table.destacamos tbody td.row0{ padding: 0 20px; }
table.destacamos tfoot td { }

/* admintable */

table.admintable td { padding: 4px; }
table.admintable td.key,
table.admintable td.paramlist_key {
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	vertical-align: middle;
}

table.admintable td.key.vtop { vertical-align: top; }

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}

fieldset.adminform { border: 1px solid #ccc; margin: 0; padding: 5px; }

.submit { margin-top: 20px; margin-bottom: 10px;}
.submit input { background:#000; color:#FFF; padding: 5px 10px; border: 1px solid #000; font-weight:bold; font-size: 12px; }
.submit input:hover { background:#DB2A1E; }
.submit input:focus { background:#DB2A1E; }

/* googlemaps */

.googlemaps { padding: 3px 3px 0 3px; border: 1px solid #CCC; margin-bottom: 20px; }
.googlemaps iframe { width:615px; height:300px; }

/* contact-date */

.contact-date { margin-top: 20px; }

.contact-date li.company{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }

.contact-date a:link,
.contact-date a:visited,
.contact-date a:hover,
.contact-date a:active { color: #DB2A1E; }

/* Mapa web */

.mapa-web ul{ padding-left: 20px; }
.mapa-web li{ list-style-image:url(../imagenes/img_lista_submenu.gif); padding-bottom: 5px;  }
.mapa-web li strong{ background-color: #EFEFEF; border: 1px solid #ccc; padding: 2px 5px; }

/* mensaje de inicio */

.start-info { margin-top: 5px;}
.start-info h4{ padding-bottom: 20px;}

/* Descargar pdf */
.relative { position:relative; }
.download-pdf { position:absolute; top:0; right:20px; background:url(../imagenes/icons/page_white_acrobat.png) 0 7px no-repeat; padding-left: 20px; padding-top: 10px; display:block; }

.download-pdf a:link,
.download-pdf a:visited,
.download-pdf a:hover,
.download-pdf a:active { color: #DB2A1E; text-decoration: underline; font-weight: bold; }


/* highslide caption */
.comment { color: #DB2A1E; }

/*********************** Enlaces */

h4 a:link {
	color: #db2a1e;
	text-decoration: none;
}
h4 a:visited {
	color: #db2a1e;
	text-decoration: none;
}
h4 a:hover {
	color: #db2a1e;
	text-decoration: underline;
}
h4 a:active {
	color: #db2a1e;
	text-decoration: none;
}

/*****************************************/
/******** ALIGNMENTS AND CLEARS **********/
/*****************************************/

/* Directional and spacial */
.f-left 		    { float:left; }
.f-right		    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left; }
.a-center           { text-align:center; }
.a-right            { text-align:right; }
.nm                 { margin:0 !important; }
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }
.line				{ line-height: 20px; }

/* Font */
.normal             { font-weight:normal !important; }
.bold               { font-weight:bold !important; }


/*   --------------------------------------------------ESTILO TEXTO---------------------------------------------------  */

.textoResaltadoNegro {
	font-family: "Tahoma", Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.textoResaltadoNegro a:link {
	text-decoration: none;
	color: #000000;
}

.textoResaltadoNegro a:visited {
	text-decoration: none;
	color: #000000;
}

.textoResaltadoNegro a:hover {
	text-decoration: underline;
	color: #000000;
}

.textoResaltadoNegro a:active {
	text-decoration: none;
	color: #000000;
}

/**************** ELEMENTOS */
.logo-promo { text-align:center; padding-top: 20px;}


.redes{margin-top:11px; margin-right:5px; }
.redes span { position:relative; bottom:8px; }
.iso { float:left; margin-top:-15px; margin-left:82px; }
.m-calidad2 a{background:url(../imagenes/14001.jpg) center 10px no-repeat !important; padding: 98px 10px 10px 12px !important; text-align:center;}
.m-calidad a{background:url(../imagenes/9001.jpg) center 10px no-repeat !important; padding: 98px 10px 10px 12px !important; text-align:center;}
