@charset "utf-8";
/* CSS Document */

body {	
	margin:0;
	padding:0;	
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(/images/bg.png);
	background-repeat:repeat-x;
	color: #333333;
	background-color:#fffef3;
}


h1 { font-size:30px; font-weight:normal; background:url(/images/bgh.gif) no-repeat scroll left bottom; color:#7C7055; margin:0px 0px; padding:10px 0px;}
h2 { font-size:14px}
/*h3 { font-weight:bold}*/
img { border:0; margin:0; padding:0;}
a { font-weight:bold}

#container { 
	width:100%;/* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	margin:0; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border:0;
	text-align:left;
	padding:0/* esto anula text-align: center en el elemento body. */
} 
ul.gallery{ list-style:none; float:left; margin:0; padding:0; border:0}
ul.gallery li{float:left; list-style:none; margin:0px 0px 0px 0px; padding:0px}
ul.gallery li a{margin:0px; padding:0px; display:block; background:#FFF}
ul.gallery li a img{margin:2px; padding:0px; border:0px; width:100px; height:66px}

#sidebar1 {
	float:left; 
	width:260px;	
	padding:0;
	margin:0;
	vertical-align:top;
}

#sidebar2 {
	float: right; 
	width: 240px; 
	padding:0; 
	margin:120px 0;
	border:0;
	text-align:center
}
#mainContent { 	margin:0px 290px 40px 280px; padding:142px 0px 0px 0px;  } 

#mainContent p{ text-align:justify; line-height:150%; font-size:14px;}


.idiomas {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/images/fondo_idiomas.gif); text-align:right}
.idiomas img{margin:5px 22px 0px 0px; padding:0px}

/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}

.activ { margin:0; padding:3px; font-size:13px}
.activ dl { margin:0; padding:0; }
.activ dl dt { margin:0; }
.activ dl dt h3{ margin:20px 0px 10px 0px; padding:0; border-bottom:#777555 1px dashed}
.activ dl dd { margin:0}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#logo {margin:0; padding:0;}

#fecha { 
	width:60px; 
	height:77px;
	text-align:center;
	margin:0;
	padding:0;
	background:url(/images/paperfecha.gif) no-repeat;
	top:124px;
	left:780px;
	position:absolute
}

#fecha2 { 
	
	text-align:center;
	margin:20px 0px;
	padding:0;
	/*background:url(/images/bigfecha.gif) no-repeat;*/
}

#fecha2 p {
	margin: 70px 0px 0px 0px; }
#submenu{
	margin:22px 0px 0px 222px;
	padding:0;
	text-align:left
}

#submenu ul{
	margin:0;
	padding:0;
	list-style:none
}

#submenu ul li{
	list-style:none;
	float:left;
	margin:0px 9px 0px 8px}

#submenu ul li a{
	background: url(/images/top-menu-bg.jpg) no-repeat left top;
	top:0px;
	bottom:0px;
	z-index:10;
	width:89px;
	height:24px;
	float:left;
	line-height:24px;
	text-align:center;
	font-size:12px;
	color:#333333;
	text-decoration:none
	}
#submenu ul li a:hover{
	background-position: left bottom;
	color:#FFF;
}


#colum{ width:99%; height:26px; text-align:right; margin:0; padding:0}
#colum ul{margin:0; padding:0; list-style:none; float:right}
#colum ul li {margin:0; padding:0; list-style:none; float: left}
#colum a{ padding:5px; margin:9px 10px 0px 10px; display:block; border:#900 1px solid; background: url(/images/empe_bg_transp.png); font-size:11px; color:#FFF; text-decoration:none }
#colum_1, #colum_2, { margin:0; padding:0; float:left; position:relative}


#colum_1{ width:220px; text-align:center}
/*#tit{ background:url(/images/bgtit.gif) no-repeat; width:440px; height:53px}*/

#opciones { margin:0; 
padding:0;  
width:100%;
height:30px;
}

#opciones a{ 	
	color:#CC6600;
	text-decoration:none;
	font-weight:normal;
	font-size:12px
} 

#opciones a:hover{
	text-decoration:underline;
	font-weight:normal;	
} 

#opciones span{ margin:0 5px 0 5px}
/* columna 1*/


p.dia{ font-size:24px; font-weight:bold; color: #966649; border:0; margin:4px 0px -2px 0px; padding:2px 0px 0px 0px;}
p.mes{ font-size:14px; font-weight:bold; color:#966649; margin:-4px 0px 0px 0px; padding:0 }
p.year{ font-size:11px; font-weight:bold; color:#966649; margin:0px 0px 0px 0px; padding:0}

#socialred {width:230px; height:224px; background:url(/images/paper_social.gif) no-repeat; margin:15px 0px 0px 0px; padding:50px 0}
#socialred a{ text-align:center; width:80px}
#socialred a img{ text-align:center; margin:5px 25px 5px 25px}

/*menu segundito*/


#media { width:100%; background:#f9f9f9; text-align:center; padding:10px 0px}
#media a { color:#333;}

.gallery {}
.gallery ul
/*bot*/
#bot{ background:#9b1717;
background:url(/images/bgbot.gif);
background-repeat:repeat-x;
width:100%;
height:110px;
position:relative;
margin:50px 0px 0px 0px;
padding:0;
border-top:#333 1px solid;
clear:both;
color:#FFF;
font-size:11px}

#bot .img1 { width:90px; height:90px; float:left; margin:10px 50px 0px 30px;}
#bot .linkss { width:600px; height:90px; float:left; margin:10px 0px 0px 40px;}
#bot .img2 { width:90px; height:90px; float:left; margin:5px 0px 0px 30px;}
#bot a{ text-decoration:none; color:#FFF; margin:5px;}
#bot a:hover{ color:#333}

#footer { 
    float:left;
	width:100%;
	margin:15px 0px 0px 0px;
	padding: 8px 0px 20px 0px; 
	background: url(/images/bgbot.gif);
	
} 

.tab {}
.tab th { background:#EAEAE1; text-align:left; font-weight:bold; color:#676052}
.tab input { margin:5px 0px}
#ico {margin:0px 0px 0px 10px; padding:0; float:left}
.menutera {margin:0px 0px 0px 0px; padding:0;}
.menutera a{ font-size:12px; color:#C60; font-weight:normal; text-decoration:none; display:block; border-bottom:#7C7055 1px dashed; padding:0px 5px}
.menutera a:hover{text-decoration:underline; color:#C90}
.menutera dl{ float:left; margin:0px 10px; padding:3px 0px; width:200px}
.menutera dt { margin:0; padding:0px 5px; border-bottom:#7C7055 1px solid; color:#7C7055}
.menutera dd{ margin:3px 0px; padding:3px 0px}

#kitek { text-align:center; color:#FFF; padding:12px 0px 0px 0px}

.tarifas { width:100%}
.tarifas th{ background:#D6D9CC}
.tarifas td{ height:25px; border-bottom:#E1DFD7 1px solid}
