@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color:#820000; background:url(images/bg.gif)  no-repeat fixed center top; }
html { padding:0; margin:0;}
.rojo {
	color: #820000;
}

/* principal */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:1000px; margin:0 auto;}

/********** header **********/
.header_block { }
.header { background:url(images/header_bg.gif) no-repeat top;height:200px;}

/* logo */
.logo {
	float:left;
	padding:0;
	margin:8px 5px 50px 20px;
	width:964px;
}
.logo p {
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#425162;
	padding:0;
	margin:0 0 0 0;
	line-height:12px;
}

/* formulario */
form {
	 font:normal 12px Arial, Helvetica, sans-serif; color: #CE0000; margin:0 10px; padding:10px 0; text-align:left}
form em {
	font-size:9px;
	}
/********** slider y titulo **********/
.slider { background:url(images/screen_bg.gif) top no-repeat; width:964px; margin:0 auto; padding:0; height:198px;}

.title_page { background:url(images/title_header.jpg) top no-repeat; margin:0 auto; padding:0; height:80px; width:964px;}
.title_page h1 { margin:0; padding:20px 50px 0 0; color:#ffffff; font:normal 24px Arial, Helvetica, sans-serif; line-height:1.6em; text-align:right;}

.slider div.slice { margin:0 auto; width:780px; padding:10px 0;}
.slider div.slice p.img { float:left; padding:0; margin:15px 30px 15px 0;}
.slider div.slice h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:5px 0; line-height:1.4em; float:none;}
.slider div.slice p { font:normal 11px Arial, Helvetica, sans-serif; color:#8a929a; margin:0; padding:5px 0; line-height:1.6em;}

ul.body_menu_nav { float:left; padding:10px 20px 0 20px; margin:0 auto; list-style:none; width:952px; background:url(images/menu_nav_bg.jpg) no-repeat top; height:88px;}
ul.body_menu_nav li { float:left; display:block; padding:20px 7px 0 7px; margin:0; width:224px;}
ul.body_menu_nav li span { display:block; padding:12px 10px;}
ul.body_menu_nav li img { padding:0 5px;}
ul.body_menu_nav li a { display:block; font:normal 18px Arial, Helvetica, sans-serif; color:#484848; text-decoration:none; line-height:1.8em;}
ul.body_menu_nav li.tabs-selected { background:url(images/menu_nav_bg_h.gif) no-repeat center top;}
ul.body_menu_nav li.tabs-selected a { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li.tabs-selected a span { background:url(images/b_l_menu.gif) no-repeat left top;}
ul.body_menu_nav li a:hover { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li a:hover span { background:url(images/b_l_menu.gif) no-repeat left top;}

/* menu */	
.menu { padding:0; margin:0 auto; width:964px; height:47px; background:url(images/nemu_bg.gif) repeat-x top;}
.menu .l_menu { background:url(images/menu_img_l.gif) no-repeat left; height:47px;}
.menu .r_menu { background:url(images/menu_img_r.gif) no-repeat right; height:47px;}
.menu ul { padding:0; margin:0 20px; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:8px 3px 0 3px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 20px; background:none;}
.menu ul li a:hover { background: url(images/menu_l_h.gif) no-repeat left top;}
.menu ul li a:hover span { background:url(images/menu_r_h.gif) no-repeat right top;}
.menu ul li a.active {  background:url(images/menu_l_h.gif) no-repeat left top; color:#fff;}
.menu ul li a.active span { background:url(images/menu_r_h.gif) no-repeat right top;}

/********** bloque index **********/
.body {
	width:904px;
	margin:1px auto 0 auto;
	padding:30px 30px 0 30px;
	background:#fff url(images/body_bg.gif) no-repeat top;
}
.body h2 { font:normal 24px Arial, Helvetica, sans-serif; color: #CE0000; margin:0 10px; padding:10px 0; text-align:left}
 h2.titulo-blanco{
	color: #FFF;	 
	 }
.body h3 { font:bold 21px Arial, Helvetica, sans-serif; color:#3b4b60; padding:10px 0; margin:0; line-height:1.2em;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#545454; line-height:1.8em; padding:5px 10px; margin:0;}
.body em { font:italic 11px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body a {
	color:#172431;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body a:hover { text-decoration:none;}
.body strong { color:#2c2c2c;}
p { text-align:left;}
p.subtitulo {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#990000;
	line-height:1.8em;
	padding:0 10px 10px 10px;
	margin:0;
	text-align:left; /********** esto si va!!!!!!!!! **********/
}

.left {
	float:left;
	width:270px;
	margin:10px 10px 10px 20px;
	border:1px solid #d4d6d7;
}
.left hr {
	width:200px;
	margin-left:35px;
	color: #A80004;
	margin-bottom:15px;
	}
.center { float: inherit; width:100%; margin:10px 10px 10px 20px; text-align:center}/* aqui el width debe tener 570px  y el float en left,   textalign no va*/
.right { float:right; width:270px; margin:10px 10px 10px 20px;}
.full { margin:10px 10px 10px 20px;}
img.foto-portada { float:right; width:250px; height:120px; margin:10px; }
img.foto-noticia { float:right; margin:10px; }

/* Botones Facebook y Twitter */
div.botonface {
	float:left;
	margin-right:5px;
	}
div.botontwitter {
	float:left;
	margin-right:5px;
	}
/* multimedia */
div.multimedia {
	border:1px solid #d4d6d7;
	padding:10px;
	margin:10px;
	margin-left:280px;
	height:415px;
}
div.multimedia div.youtube{
	border:1px solid #d4d6d7;
	padding:0;
	margin:0;
	width:68%;
	float:left;
	position:static;
}
div.multimedia div.mujeres{
	border:1px solid #d4d6d7;
	padding:0;
	margin-top:15px;
	width:68%;
	float:left;
	position:static;
}

/*Facebook*/
div.multimedia div.facebook{
	border:1px solid #d4d6d7;
	padding:0;
	margin:0;
	width:30%;
	float:right;
	position: static;
}
/* servicios */
h2.viajes { background:url(images/h2_Graphics.gif) no-repeat left; padding:10px 10px 10px 50px;}
div.servicios {
	border:1px solid #d4d6d7;
	padding:10px 10px 2px 10px;
	margin:10px;
	margin-left:280px;
}
div.servicios ul { padding:0; margin:0; list-style:none; float:left; width:33%;}
div.servicios ul li {
	padding:0 0 0 10px;
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#F00;
	line-height:1.8em;
	text-align:left;
}

/* River solidario */
.escudo-mapa h2 { background:url(images/h2_Client.gif) no-repeat left; padding:10px 10px 10px 40px;}

/* contacto */
.contact p { font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.contact a { font:normal 12px Arial, Helvetica, sans-serif; color:#3f91b4;}

/* Columna Millonaria */
.columna-millo { }
.columna-millo h2 {
	background:url(images/h2_lastes.gif) no-repeat left;
	padding:10px 10px 10px 55px;
	font-size:20px;
}
.columna-millo p.time {
	margin:0px;
	padding:0;
	color:#806f4f;
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:1.2em;
	width:80px;
	text-align:center;
}

/*navegacion*/
ul.navigation  { margin:0; padding:0 10px;}
ul.navigation li { list-style:none; padding:10px 10px 10px 15px; margin:0 20px; background:url(images/sub_nav_menu.gif) no-repeat left center;}
ul.navigation li a { font:bold 13px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}
ul.navigation li a:hover { text-decoration:underline;}
ul.navigation li a.active { font-weight:normal; text-decoration:underline;}

/* listas */
.lister { padding:10px;}
ul.lister { margin:0; list-style:none; float:left;}
ul.lister li { margin:0; padding:0 5px; float:left;}
ul.lister li a { display:block; background:url(images/lister.gif) no-repeat; float:left; width:29px; height:29px; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#73787c; text-decoration:none; line-height:2.4em;}
ul.lister li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF;}
ul.lister li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF;}

/********** formulario contacto **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer_all { background:url(images/all_bg.gif);}
.footer_bg { background:url(images/b_bg.gif) repeat-x top;}
.footer { background:url(images/footer.gif) no-repeat center top; padding:46px 0 0 0; width:1000px; margin:0 auto;}
.footer_block { background:url(images/footer_bg.gif) no-repeat top; padding:45px 0;}
.footer p { text-align:center; font:normal 11px Arial, Helvetica, sans-serif; color:#a4adb4; padding:15px 0; margin:0; float: inherit; width:100%;}/****** aqui el float debe ir right , el width debe tener 50%******/
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#a4adb4; text-decoration:none;}
.footer ul { padding:10px 0 10px 5%; margin:0; float:left; width:55%; list-style:none;}
.footer ul li { padding:3px 10px; margin:0; float:left; border-right:1px solid #43505f;}
.footer ul li.rss { background:url(images/RSS.gif) no-repeat right; padding:3px 25px 3px 10px; border:0;}
.footer ul li a { color:#848e9c; font:normal 11px Arial, Helvetica, sans-serif;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-bottom:1px solid #d9d9d9; padding:10px 0 0 0; margin:5px 0; background:none;}