@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: "Tahoma", Verdana, Arial;
	font-size: 11px;
	color : #000000;
	margin : 0 0 0 0;
} 

*  { margin:0; padding:0; }

h1{
	border: 0;
	margin: 0;
	padding: 0;
}

p {
	margin:0;
	padding:0 0 10px 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; font-size: 10px;}

img { margin:0; padding: 0; }

.line { line-height: 20px; }

/* Propiedades formulario */

form { margin: 0; padding: 0; }

input, select, textarea { }

input {
	width: 290px;
	height: 16px;
	background-image:url(../imagenes/img_textbox.gif);
	padding: 5px;
}

textarea { 	
	width: 290px;
	height: 42px;
	background-image:url(../imagenes/img_areabox.gif);
	padding: 5px;
}

input.button_es_ES { 
	width: 300px;
	height: 45px;
	background-image: url(../imagenes_es/btn_enviar.gif);
	padding: 0;
}

input.button_en { 
	width: 300px;
	height: 45px;
	background-image: url(../imagenes_en/btn_enviar.gif);
	padding: 0;
}

input.button_fr { 
	width: 300px;
	height: 45px;
	background-image: url(../imagenes_fr/btn_enviar.gif);
	padding: 0;
}

input.button_pt { 
	width: 300px;
	height: 45px;
	background-image: url(../imagenes_pt/btn_enviar.gif);
	padding: 0;
}

input, select { font-size: 10px; border: 0;}
textarea      { font-size: 11px; border: 0;}
button        { font-size: 10px; }

input.disabled { background-color: #F0F0F0; }

input.button  { cursor: pointer; margin:10px 0; }

input:focus,
select:focus,
textarea:focus { /* background-color: #ffd */ }


/**************************** 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_C Layout]********************/
/************************************************************/


/********************** Base Layout */

/* Structure */
#wrapper {
	margin:auto;
	text-align: justify;
	width: 945px; /* Poner 985px si queremos sombras */
	background-color:#FFFFFF;
}

#wr-top {
height: 10px; /* comentar */
background-color: #FF6600; /* comentar */
}

#wr-content { }

#wr-footer {
width: 100%;
padding: 5px 0;
_margin-top: 65px;
text-align:center;
border-top: 1px solid #CCC;
background-color:#F1F1F1;
position:fixed;
bottom: 0;
left: 0;
}


/********************** col-1-layout */

#col-1-layout { }

#col-1-layout .col-main {
height: 150px; /* comentar */
background-color:#999999; /* comentar */
}


/********************** col-2-right-layout */

#col-2-right-layout { background-color: #FFF; /*comentar*/ }

#col-2-right-layout .col-right { 
height: 250px; /* comentar */
background-color: #cccccc; /* comentar */
	float:right; 
	width: 25%;
}

#col-2-right-layout .col-main { 
height: 250px; /* comentar */
background-color: #999999; /* comentar */
	float:left;
	width: 75%;
}

#col-2-right-layout .col-main .left { float:left; width:55%; }
#col-2-right-layout .col-main .right { float:right; width:40%; }

/********************** col-2-left-layout */

#col-2-left-layout { background-color: #FFF; /*comentar*/ }

#col-2-left-layout .col-left { 
height: 250px; /* comentar */
background-color: #666666; /* comentar */
	float:left; 
	width:25%; 
}

#col-2-left-layout .col-main { 
height: 250px; /* comentar */
background-color: #999999; /* comentar */
	float:left; 
	width:75%; 
}

#col-2-left-layout .col-main .left { float:left; width:55%; }
#col-2-left-layout .col-main .right { float:right; width:40%; }


/********************** col-3-layout */

#col-3-layout { background-color: #FFF; /*comentar*/}

/* COL LEFT */
#col-3-layout .col-left { 
	float:left; 
	width: 226px; /* poner a 226px si queremos sombras */
	/* descomentar //
	background-image:url(../imagenes/img_shadowleft.gif.gif);
	background-position: bottom left;
	background-repeat:no-repeat;	
	*/
}

#col-3-layout .col-left .title{
	height: 37px; 
	padding-top: 23px;
	/* descomentar //
	background-image:url(../imagenes/img_shadowleft_top.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 40px;
	*/
}

#col-3-layout .col-left .content{ 
	padding: 20px 10px 0 0;
	background-image:url(../imagenes/img_content_left.gif);
	background-position:top right;
	background-repeat:no-repeat;
	/* descomentar 
	padding-left: 40px;
	*/
}

/* COL MAIN */
#col-3-layout .col-main {
	position:absolute;
	margin-left: 170px; /* poner 210px si queremos sombras */
	*margin-left: -56px; /* poner -16px si queremos sombras */
	width: 384px;
	padding-bottom: 40px;
	background-image:url(../imagenes/img_shadowmain.png);
	_background-image:url(../imagenes/img_shadowmain.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#col-3-layout .col-main .title{ 
	height: 37px; 
	padding-top: 23px; 
	padding-left:40px;
	background-color:#FFFFFF;
	margin-right: 16px;
}

#col-3-layout .col-main .content{
	line-height: 15px;
	padding: 20px 40px 0 40px;
	background-image:url(../imagenes/img_shadowmain_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#col-3-layout .col-main .content ul{ margin:0px; padding-left: 18px; margin-bottom: 20px; }
#col-3-layout .col-main .content ul ul{ margin:0px; }
#col-3-layout .col-main .content li{ list-style-image:url(../imagenes/img_lista02.gif); padding: 5px 0;}

/* COL RIGHT */
#col-3-layout .col-right {
	width: 407px; 
height: 250px; /* comentar */ 
	float:right;
	background-image:url(../imagenes/img_bg_col3.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
}

#col-3-layout .col-right .title{ 
	height: 37px; 
	padding-top: 23px; 
	padding-left: 20px; 
	border-bottom: 1px solid #FFF;
	text-align:right;
}

#col-3-layout .col-right .title ul { margin:0px; padding:0px; }
#col-3-layout .col-right .title li { display:inline; padding:0px 3px; }

#col-3-layout .col-right .content{ 
	padding: 20px;
}

/* LEGACY */

#wr-footer .title ul { margin:0px; padding:0px; }
#wr-footer .title li { display:inline; padding:0px 3px; }

.legacy {
	/*
	margin-top: 20px;
	margin-left: 10px;
	font-size:10px;
	*/
	position:absolute;
	left: 0;
	padding:0 20px;
	background-color:#F1F1F1;	
}

.legacy a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.legacy a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.legacy a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.legacy a:active {
	text-decoration: none;
	color: #FFFFFF;
}



/********************** Header */

/* Header structure */
#wr-header {
	/* descomentar //
	background-image:url(../imagenes/img_head_shadow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 40px;
	*/
}

#wr-header .head{ }

/* Logo */
#wr-header .logo{ float: left; padding-top: 25px; } 

#wr-header #wr-menu{ 
	width: 407px; 
	height:50px;
	float:right;
	margin-top: 37px;
	border-bottom: 1px solid #FFF;
}

/* Language */
#wr-header .language{
	position:absolute;
	top:10px;
	margin-left:550px;
	width: 425px;
}

.language ul { margin:0px; padding:0px; }
.language li { display:inline; padding:0px 3px; }

/* Banner */
#wr-header .banner{

}

.language .current { color: #e5af11; }

/* Breadcrumbs */
.breadcrumbs { }
.breadcrumbs ul { margin:0px; padding:0px; }
.breadcrumbs li { display:inline; }

.breadcrumbs{
	padding: 0;
}

.breadcrumbs-icon{
	background-image:url(../imagenes/img_icono_ruta.gif);
	background-position:center left;
	background-repeat: no-repeat;
	width:16px;
	margin-left:24px;
	height:30px;
	float: left;
}

.breadcrumbs-txt{
	width:180px;
	padding-top:10px;
	float: left;
}

/* Mapa */

.mapa { border: 1px solid #CCC; margin-top: 10px;}

/********************** Content */
/* Content structure */

/* Col left */

/* Col main */

/* Col right */

/*********************** Footer */



/*********************** tables */

/* table_destacamos */

table.destacamos thead th{ border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 0; text-align:left;}
table.destacamos tbody th { font-weight: normal; text-align:justify;}
table.destacamos tbody th{ border-bottom: 1px solid #CCCCCC; padding: 20px 0 10px 0 ; }
table.destacamos tbody tr:hover th { background-color: #ffd; cursor: pointer; } /* resaltar tabla al pasar el mouse */
table.destacamos tbody th p{ padding-left: 20px; }
table.destacamos tfoot th { background-color:#f1f1f1; height: 10px; }

/*****************************************/
/******** 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; }

/* Font */
.normal             { font-weight:normal !important; }
.bold               { font-weight:bold !important; }


/*   --------------------------------------------------ESTILO TEXTO---------------------------------------------------  */ e5af11

.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;
}

/* Amarillo */

.textoAmarillo {
	font-family: "Tahoma", Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	color: #e5af11;
}

.textoAmarillo a:link {
	text-decoration: none;
	color: #e5af11;
}

.textoAmarillo a:visited {
	text-decoration: none;
	color: #e5af11;
}

.textoAmarillo a:hover {
	text-decoration: underline;
	color: #e5af11;
}

.textoAmarillo a:active {
	text-decoration: none;
	color: #e5af11;
}
