/* CSS Document */

*
{
	margin: 0 0 0 1;
}
html, body
{
	height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	outline: 0;
	background-color: #F7F7F7;
	background-image: url(../Images/fondo_sup.gif);
	background-repeat: repeat-x;
}
.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px;
	width: 980px;
	padding-top: 5px;
}

/*-------------cabezal-------------*/
.content
{
	background-color: #f7f7f7;
}
.ic_main_menu
{
	width: 196px;
	float: left;
}
div#header
{
	height: 70px;
	background-color: #F7F7F7;
	padding-top: 20px;
}
div#header h1
{
	height: 70px;
	width: 253px;
	padding-left: 20px;
	float: left;
}

div#header h1 a
{
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 0;
	display: block;
	height: 70px;
	width: 253px;
	outline: none;
}
    div#header h1 a.Montecon {
        background-image: url(../Images/logomonteconnuevo.png);
        background-size: contain;
    }
div#header h1 a.TPR
{
	background-image: url(../Images/TPR_Espanol.gif);
}
div#header h1 a.STV
{
	background-image: url(../Images/STV_Espanol.gif);
}
div#bannerPie
{
	background-image: url(../Images/bannerPie.png);
	background-repeat:no-repeat;
    background-size:contain;
    background-position:center;    
	width: 100%; 
	height: 106px; 
	border-radius: 10px;
	
}
div#CertificacionSQA
{
	background-image: url(../Images/CertificacionSQA.jpg);
	background-repeat:no-repeat;
    background-size:contain;    
    float:right;
	width: 100px; 
	height: 120%;
    margin-right: 10px;
	margin-bottom: 10px;
    display:inline-block;
}
div#CertificacionSQA2 {
    background-image: url(../Images/CertificacionSQA2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    width: 100px;
    height: 120%;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
div#header h1 a.Montecon.english
{
	background-image: url(../Images/montecon_english.gif);
}
div#header h1 a.TPR.english
{
	background-image: url(../Images/montecon_english.gif);
}
.login_idioma
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	color: #666666;
	float: right;
	padding-right: 20px;
	padding-top: 55px;
}
.login_idioma li
{
	list-style: none;
	float: left;
	padding-left: 4px;
}
.login_idioma li a
{
	color: #666;
	text-decoration: none;
	outline: none;
}
.login_idioma li a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative; /*     top:1px; 	left:1px; */
}
div#contenedor
{
	width: 980px;
	background: url(../Images/fondo_sombra.jpg) repeat-y;
	padding-left: 7px;
	overflow: hidden;
}
div#contenedor_inf
{
	height: 14px;
	background-image: url(../Images/fondo_sombra_inf.gif);
	background-repeat: no-repeat;
}
/*-------------columnas-------------*/

div#columna_izq
{
	float: left;
	width: 245px;
}
.img_col_izq img
{
	float: right;
}
div#columna_der
{
	float: right;
	width: 655px;
	padding: 20px 40px 0 30px;
}
div#imagenes_cabezal
{
	height: 210px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div#img_cabezal
{
	width: 685px;
	float: left;
}
div#texto_cabezal
{
	width: 295px;
	float: right;
}
/*-------------menu-------------*/
div#menu
{
	background-color: #F2F2F2;
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}
div#menu div.sin_hijos, div#menu div.hijos
{
	width: 205px;
	height: 30px;
	line-height: 30px;
	background-image: url(../Images/vinieta_menu.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	margin: 0 10px;
	font-family: 'ApexNewBookRegular' , Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
	padding-left: 12px;
}

div#menu div.sin_hijos a, span.hijos
{
	width: 205px;
	display: block;
	color: #333;
	text-decoration: none;
	background-image: url(../Images/linea_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	cursor: pointer;
	outline: none;
}
div#menu a:hover, .hijos:hover, div#menu div.sin_hijos a:hover
{
	color: #00447A; /*font-weight: bold;*/
	position: relative;
	top: 1px;
	left: 1px;
}
div#menu div.ul_hijos
{
	margin-left: 30px;
}
div#menu div.ul_hijos div
{
	margin-left: 12px;
	font-size: 0.8em;
	width: 205px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-decoration: none;
	padding-left: 12px;
	background-image: url(../Images/vinieta_submenu.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	cursor: pointer;
	margin: 0 15px;
	font-family: 'ApexNewBookRegular' , Arial, Helvetica, sans-serif;
	color: #333333;
}
div#menu div.ul_hijos div a
{
	width: 175px;
	display: block;
	font-family: 'ApexNewBookRegular' , Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	background-image: url(../Images/linea_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	cursor: pointer;
	outline: none;
}
div#menu div.ul_hijos div a:hover
{
	color: #00447A;
	font-weight: bold;
	position: relative;
	top: 1px;
	left: 1px;
}
div#menu ul
{
	list-style-type: none;
}
div.item_activo
{
	font-family: 'ApexNewBookRegular' , Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	color: #00447A;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../Images/vinieta_menu.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	width: 190px;
	height: 30px;
	line-height: 30px;
	display: block;
	margin-left: 12px;
	padding-left: 12px;
}
div.item_activo span
{
	background-image: url(../Images/linea_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 205px;
	display: block;
	text-decoration: none;
}
div.item_activo span a
{
	color: #00447A;
	text-decoration: none;
	font-weight: bold;
}
div#menu div.subitem_activo
{
	width: 205px;
	height: 30px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../Images/linea_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	margin-left: 12px;
	padding-left: 12px;
}
div.subitem_activo span
{
	background-image: url(../Images/linea_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 175px;
	display: block;
	text-decoration: none;
}

/*----------------contenido----------------*/
.linea_azul
{
	border-bottom: #00447A 1px solid;
	height: 20px;
}
.linea_gris
{
	border-bottom: #B0B2B3 1px solid;
	height: 15px;
}
div#noticias_home
{
	float: left;
	width: 340px;
}
.img_noticia
{
	float: left;
	margin-right: 10px;
}
.img_noticia ul, .img_noticia li
{
	padding: 0;
	margin: 0;
}
body#home .cont_texto_noticias
{
	/*float:right; 	width:240px;*/
}
body#noticias .cont_texto_noticias, body#noticias_english .cont_texto_noticias
{
	float: right;
	width: 500px;
}
body#noticias .cont_texto_noticias_detalle, body#noticias_english .cont_texto_noticias_detalle
{
	float: right;
	width: 400px;
}
div#todas_noticias
{
	float: right;
	padding-top: 10px;
}
div#todas_noticias a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #00447A;
	text-decoration: none;
	outline: none;
}
div#todas_noticias a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}

div#paginacion
{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
	text-align: center;
}
div#paginacion a
{
	color: #666666;
	text-decoration: none;
	padding: 0 5px;
	outline: none;
}
div#paginacion a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
div#paginacion span.activo
{
	color: #00447A;
	font-weight: bold;
}




div#cont_iconos
{
	width: 275px;
	float: right;
}
div#cont_iconos ul
{
	margin: 0;
	padding: 0;
}
div#cont_iconos ul li
{
	list-style: none;
	width: 275px;
	height: 74px;
	line-height: 74px;
}
div#cont_iconos ul li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.00em;
	color: #58585A;
	text-decoration: none;
	width: 145px;
	height: 45px;
	padding: 35px 10px 0 120px;
	display: block;
	outline: none;
}
div#cont_iconos ul li a:hover
{
	color: #666666;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}

div#cont_iconos ul li.on_line
{
	background-image: url(../Images/iconos/0800.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#cont_iconos ul li a.arribos
{
	background-image: url(../Images/iconos/arribos_previstos.jpg);
	background-repeat: no-repeat;
	background-position: left top; /*padding-top:35px;*/
	outline: none;
}
div#cont_iconos ul li a.tarifario
{
	background-image: url(../Images/iconos/tarifario.jpg);
	background-repeat: no-repeat;
	background-position: left top; /*padding-top:35px;*/
	outline: none;
}
div#cont_iconos ul li a.tiempo
{
	background-image: url(../Images/iconos/estado_del_tiempo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline: none;
}
div#cont_iconos ul li a.estado_del_mar
{
	background-image: url(../Images/iconos/estado_de_mar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline: none;
}
div#cont_iconos ul li a.cotizacion
{
	background-image: url(../Images/iconos/cotizacion_moneda.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline: none;
}

/*---------------------oficinas---------------*/

/*div#on_line{
	background-color:#EBEBEB;
	width:418px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.81em;
	color:#575759;
	padding:10px;
}

div#datos_oficinas{
	float:right;
	width:258px;
}*/

/*---------------------infraestructura---------------*/
.mapa_infraestructura
{
	width: 653px;
	background-color: #F2F2F2;
}


/*---------------------tarifario---------------*/
.tarifario
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	color: #333333;
	padding-bottom: 10px;
}
.tarifario tr td
{
	padding: 5px;
	border-collapse: collapse;
}

.tarifario_top td
{
	height: 30px;
	background-color: #E2E2E2;
	text-align: center;
	color: #666666;
	font-weight: bold;
	border: 1px solid #ebebeb;
	border-bottom: none;
}

/*---------------------servicios---------------*/
.slide_servicios
{
	width: 340px;
	padding: 0;
	margin: 0;
	float: left;
}
ul#banner
{
	padding: 0;
	margin: 0;
}
ul#opciones
{
	width: 305px;
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}
ul#opciones li.slide_titulo a
{
	padding-bottom: 8px;
}

/*---------------------glosario---------------*/
div#glosario p.texto
{
	padding-bottom: 15px;
}
div#glosario p.texto span
{
	font-weight: bold;
}
div#busqueda_iniciales
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.75em;
	border: #999999 solid 1px;
	padding: 12px;
}
div#busqueda_iniciales a
{
	color: #666666;
	text-decoration: none;
	padding: 0 3px;
	outline: none;
}
div#busqueda_iniciales a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
div#busqueda_iniciales a.letra_activa
{
	color: #00447A;
	font-weight: bold;
}
div#busqueda_iniciales a.letra_inactiva
{
	color: #999999;
}
div#busqueda_iniciales a.letra_inactiva:hover
{
	text-decoration: none;
	color: #999999;
	position: relative;
	top: 0px;
	left: 0px;
}
div#buscador
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	float: right;
	padding-top: 10px;
}


/*---------------------horarios---------------*/
.recuadro_gris
{
	background-color: #EBEBEB;
	padding: 5px 33px 5px 10px;
}
.titulo_recuadro
{
	height: 30px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	color: #585858;
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
}
.texto_recuadro
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	line-height: 30px;
}
.texto_recuadro strong
{
	color: #666666;
}
.texto_recuadro a
{
	color: #00447A;
	text-decoration: none;
	outline: none;
}
.texto_recuadro a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}


/*---------------------galeria---------------*/

.fotos
{
	border: 3px solid #CCCCCC;
	float: left;
	margin: 0 20px 0 0;
}


/*---------------------documentos---------------*/
.documentos
{
	border: 1px solid #cccccc;
	padding: 10px;
}
.fecha_documento
{
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #666666;
	padding: 5px 0;
	float: right;
	text-align: right;
}

.titulo_documento
{
	width: 500px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #00447A;
	float: left;
}
.descripcion_documento
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	color: #333333;
	padding: 5px 0 5px 0;
}
.datos_documento
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color: #333333;
}
.datos_documento a
{
	background-color: #00447A;
	padding: 4px;
	color: #ffffff;
	text-decoration: none;
}
.datos_documento a:hover
{
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}




/*---------------------contenido---------------*/
.dos_col_der
{
	width: 312px;
	float: right;
}
.dos_col_izq
{
	width: 300px;
	float: left;
}
div#contenido
{
}
/*---------------------preguntas frecuentes---------------*/
.slide_titulo a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #333333;
	padding: 0px 0 0px 15px;
	background-image: url(../Images/vinieta_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	cursor: pointer;
	outline: none;
	display: block;
}
.slide_titulo a span
{
	color: #666666;
	font-size: 0.75em;
}
.slide_titulo a:hover, .slide_titulo a:hover span
{
	color: #00447A;
	position: relative;
	top: 1px;
	left: 1px;
}
.slide_contenido
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	line-height: 1.5em;
	color: #333333;
	padding-top: 10px;
	padding-left: 40px;
}
.slide_contenido p
{
	font-size: 1em;
	color: #333333;
	font-style: italic;
}
.slide_contenido a
{
	color: #00447A;
	text-decoration: none;
}
.slide_contenido a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
.slide_contenido ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}
.slide_contenido ul li
{
	background: url(../Images/vinieta_azul.gif) no-repeat;
	background-position: left 8px;
	padding-left: 10px;
}

/*-----------------PÁGINA ON -----------------*/
div.botones_on
{
	/*width:198px;  	height:198px;*/
	float: left; /*margin-right:10px;*/
}
div.botones_on a img
{
	border: none;
}
/*div.botones_on a:hover {
	top:1px;
	left:1px;
	position:relative;
}*/
div.botones_ampliar
{
	width: 198px;
	height: 30px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

/*---------------------contacto---------------*/


.formulario
{
	width: 277px;
}
div#msgBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #CC0033;
	padding-top: 10px;
	width: 277px;
	text-align: center;
}

/*--------------------formulario--------------------*/


form.formulario label
{
	padding: 10px 0 0 0;
	display: block;
	background: #fff;
	width: 277px;
}

form.formulario label input, form.formulario label textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: #F2F0F0;
	padding: 5px;
	border: none;
	width: 267px;
}

form.formulario label input
{
	height: 20px;
	background-color: #F2F0F0;
	line-height: 30px;
}

form.formulario label textarea
{
	height: 60px;
}
form.formulario label.captcha
{
	padding-right: 0;
}
form.formulario label.captcha img
{
	float: left;
	margin-right: 5px;
}
form.formulario label.captcha input
{
	float: left;
	width: 90px;
	margin-right: 10px;
}
form.formulario label.captcha input.enviar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #00447A;
	color: #fff;
	text-transform: uppercase;
	border: none;
	float: right;
	padding: 0;
	width: 70px;
	height: 30px;
	margin: 0;
	cursor: pointer;
}
form.formulario label.captcha input.enviar:hover
{
	cursor: pointer;
	position: relative;
	top: 1px;
	left: 1px;
}
div#mapa
{
	width: 655px;
	height: 400px;
}
/*---------------------footer----------*/
.footer, .push
{
	height: 35px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
.footer
{
	width: 980px;
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.69em;
}
div#direccion
{
	float: left;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
}
div#direccion span
{
	color: #00447A;
}
div#direccion a
{
	color: #333333;
	text-decoration: none;
	outline: none;
}
div#direccion a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
div#design_by_tangram
{
	float: right;
	height: 28px;
	line-height: 28px;
}
div#design_by_tangram a
{
	color: #333333;
	text-decoration: none;
	outline: none;
}
div#design_by_tangram a:hover
{
	color: #00447A;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
div#idioma
{
	float: right;
	width: 28px;
	height: 28px;
	margin-left: 20px;
	padding-right: 10px;
}
div#idioma a
{
	border: none;
	outline: none;
}
div#idioma a:hover
{
	position: relative;
	top: 1px;
	left: 1px;
}
div#idioma img
{
	border: none;
}
/*--------------------------------*/
/*			   UTILITARIOS   	  */
/*--------------------------------*/
.clear
{
	clear: both;
}
.separador_5px
{
	height: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.separador_10px
{
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.separador_15px
{
	height: 15px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.separador_30px
{
	height: 30px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.separador_75px
{
	height: 75px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
