@charset "utf-8";
* { 
	padding:0; margin:0; 
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin:0 0 20px 0;
	padding:0;
	background:url(../images/body_bg.gif) repeat-x top;
	background-color:#eaeaea;
	text-align:center;
}

/* contenido de la pagina */
DIV#shadow {
	background:url(../images/shadow_bg.gif) repeat-y left;
	width:970px;
	height:100%;
	margin:auto;
}
.shadow_top {
	background:url(../images/shadow_top_bg.gif) top no-repeat;
	width:970px;
	margin:auto;
	left:-62px;
}

DIV#page {
	background:url(../images/page_bg.gif) repeat-x top;
	background-color:#FFFFFF;
	width:960px;
	height:100%;
	margin:auto;
	overflow:visible;
}

/* columna de la izquierda donde está el logo y paty */
DIV#leftCol{
	background: url(../images/left_bg.gif) repeat-y left;
	width:208px;
	float:left;
	overflow:auto;
	position:relative;
	margin-top:10px;
}
DIV#leftCol .wrapper {
	padding:10px 0 0 0;
}
DIV#leftCol .logos{
	background-image:none;
	background-color:#FFFFFF;
	width:208px;
}


/* columna de la derecha donde está el contenido general de la página */
DIV#rightCol{
	width:747px;
	float:left;
	background:url(../images/page_bg.gif) repeat-x top;
	background-color:#FFFFFF;
	overflow:visible;
	height:100%; /* fix height to 100% for IE */ 
	max-height:100%;
	z-index:5;
}
/* encabezado de la columna de la derecha */
DIV#header {
	height:120px;
	text-align:right;
	font-family:"trebuchet MS", georgia, "times New Roman", arial;
	border-bottom:1px solid #ececec;
}

DIV#header .wrapper{
	padding:0 20px 0 0;
}

/* --- menu de números --- */
ul#menu {
	list-style:none;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3e3e3e;
	font-weight:bold;
}
ul#menu li {
	float:left;
	background:url(../images/menu_bg.gif) left top repeat-x;
	height:41px;
	text-align:center;
	line-height:50px;
	width:70px;
}
ul#menu li:hover {
	color:#666666;
}
ul#menu li.sep {
	color:#999999;
	width:8px;
}
ul#menu li.selected {
	background:url(../images/menu_selected_bg.gif) top left;
	width:141px;
	height:62px;
	font-size:48px;
	color:#FFFFFF;
	line-height:60px;
}
ul#menu li.start {
	background:url(../images/menu_left_bg.gif) left top no-repeat;
	width:4px;
}
ul#menu li.end {
	background:url(../images/menu_right_bg.gif) right top no-repeat;
	width:4px;
}
ul#menu a:link, ul#menu a:active, ul#menu a:visited {
	color: #333333;
	text-decoration: none;
}
ul#menu a:hover {
	color:#666666;
	text-decoration: none;
}

/* --- submenu --- */
ul#submenu {
	list-style:none;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#333333;
	height:50px;
}
ul#submenu li {
	float:left;
	height:17px;
	text-align:center;
}
ul#submenu li.sep {
	color:#999999;
	width:15px;
}
ul#submenu li a:active,
ul#submenu li a:visited,
ul#submenu li a:link {
	text-decoration:none;
	color:#333333;
}
ul#submenu li a:hover, 
ul#submenu li.selected {
	border-bottom:4px solid #ff0c66;
	color:#333333;
}


/* --- texto del header --- */
DIV#header .text {
	float:right;
	text-align:left;
	width:550px;
	color:#333333;
	font-size:20px;
	height:30px;
	line-height:45px;
}
DIV#header .text-nuevo {
	float:right;
	text-align:left;
	width:350px;
	color:#333333;
	font-size:18px;
	height:30px;
	line-height:45px;
}
DIV#header .text-calle {
	float:right;
	text-align:left;
	width:350px;
	color:#333333;
	font-size:16px;
	height:30px;
	line-height:45px;
}
DIV#header .text-1313 {
	float:right;
	text-align:left;
	width:350px;
	color:#333333;
	font-size:18px;
	height:30px;
	line-height:45px;
}
DIV#header .biggerText {
	font-weight:normal;
	color:#666666;
	text-align:right;
	font-size:34px;
}
DIV#header .biggerr {
	font-size:38px;	
}

/* para limpiar los float */
.clear { clear:both; }

/* ------ container arriba del footer ------------ */
DIV#sobreCelu {
	background-color:#e8e8e8;
	width:948px;
	font-size:11px;
	color:#666666;
	text-align:left;
	margin-left:6px;
	font-family:Arial, Helvetica, sans-serif;
}
DIV#sobreCelu .wrapper {
	padding:11px 8px 10px 8px;
}

/*-------------- footer ----------------*/
DIV#footer {
	width:970px;
	height:155px;
	background:url(../images/footer_bg.gif) bottom;
	font-family:"trebuchet MS", georgia, "times New Roman", arial;
	font-size:12px;
	color:#eaeaea;
	text-align:right;
	line-height:15px;
	margin:auto;
}
DIV#footer a:link, 
DIV#footer a:visited, 
DIV#footer a:active {
	color:#eaeaea;
}
DIV#footer a:hover {
	color:#CCCCCC;
}
DIV#footer .wrapper {
	padding:57px 20px 0 0;
}
DIV#footer strong {
	font-size:18px;
	font-weight:normal;
}
/*-------------- texto final despues del footer ----------------*/
DIV#textoFinal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	width:970px;
	margin:auto;
	text-align:right;
}
DIV#textoFinal .wrapper {
	padding:5px 13px 0 0;
}


/* --------------- CONTENIDO DE CADA SERVICIO ---------------- */
/* contenido de la página en sí */
DIV#content {
	background:url(../images/semi_circulo_bg.gif) top left no-repeat;
	margin-top:8px;
}
DIV#content .bases {
	text-align:left;
}
DIV#content .bases h1 {
	font-size:22px;
	text-decoration:underline;
	display:block;
}
DIV#content .bases h2 {
	color:#e80c5b;
	text-decoration:underline;
}

DIV#content .wrapper {
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

DIV#content .contenedor {
	width:230px;
	float:left;
	z-index:5;
}
ul#servicio {
	width:165px;
	float:left;
	
}
ul#servicio li{
	list-style:none;
	text-align:left;
}
ul#servicio li.titulo {
	font-family:"trebuchet MS", georgia, "times New Roman", arial;
	font-size:20px;
	color:#e80c5b;
	text-align:left;
	text-transform:uppercase;
}
ul#servicio li.imagen {
	background-color:#d1d1d1;
	text-align:center;
	padding:5px 0 20px 0;
	z-index:50;
}
ul#servicio li.imagen img {
	border:2px solid #FFFFFF;
}
ul#servicio li.descripcion{
	border-bottom:1px solid #bdbdbd;
	padding:20px 0 5px 0;
	height:100px;
}
ul#servicio li.info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e80c5b;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
}
ul#servicio li.info a:link,
ul#servicio li.info a:visited,
ul#servicio li.info a:active{
	color:#e80c5b;
	text-decoration:none;
}
ul#servicio li.info a:hover{
	color:#FF387F;
}
/* separador de servicios */
DIV#separador {
	border:none;
	border-bottom:9px solid #ececec;
	height:40px;
	width:643px;
	margin:0 0 30px 0;
	padding:0;
	
}
/*
 * REGLAS DEL 5050 
 */
#reglas p {
	margin:10px 0px;
}