﻿@charset "utf-8";
/* CSS Document */

/***************************************************************
   AUTHOR:  		    CFL | Image - info@cflimage.com
   WEBSITE:   			TEMPLATE
   VERSION:         	3.0          	
 **************************************************************/
 

 @import url(reset.css);
 @import url(modulos.css);
 @import url(noticias.css);
 @import url(btn.css);
 @import url(carousel.css);
 @import url(tabs.css);
 @import url(comentarios.css);
 @import url(stylealertbox.css);
 

/*************************** ESPECIAL BAGO **************************************************************************************************************/

body.comer .header { background:url(../bago/header_bago.jpg) no-repeat top right}
body.comer .header .accesos { display:none} 
body.comer .navy li a {background-image: url(../bago/menu_bago.gif);background-repeat: no-repeat;}
body.comer .sub_navy { background:url(../bago/submenu_bago.gif) no-repeat; height:41px; display:block; clear:both; padding:10px 0 0 10px;}
body.comer .sub_navy ul li a { color:#b3cdc7; font-weight:bold;padding:0px 8px; float:left;}
body.comer .sub_navy ul li a:hover { color:#fff}
 
 
 
/******************************************************** CUERPO
***************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222;
	text-align:center;
}

.ad_top { text-align:center;}

.wrapper {
	width:990px;
	margin:0px auto;
	text-align:left;
}

.header {
	/*background:url(../img/bg_header.gif) no-repeat right; header convencional*/
	/* header norton*/background:url(../img/bg_header.gif) no-repeat right;
	}
	.header .accesos { float:right; font-size:11px; text-align:right; line-height:17px;}
	.header .accesos a {color:#8c857b;}
	.header .accesos a:hover {}
	.header .logo { float:left; padding-top:20px; margin-bottom:20px;}
	
.menu {
margin-bottom:30px;
	}

.menu .navy { float:left;}
.menu .option { float:right;width:260px; padding:4px 10px;}
.menu .option select { padding:5px;}

.submenu {
	background:url(../img/body/bg_submenu.gif) repeat-x;
	height:37px;
	margin-bottom:60px;
	clear:both;}

.container {
	margin-bottom:20px;
	}


.column_a {
	width:180px;
	position:relative; float:left;
	margin-right:33px;
	}
*html .column_a {
	width:180px;
	position:relative; float:left;
	margin-right:10px;
	}
	
.column_b {
	width:468px;
	position:relative; float:left;
	margin-right:34px;
	}


	
.column_c {
	width:275px;
	position:relative; float:left;
	}
	
.central {
	width:681px;
	position:relative; float:left;
	margin-right:33px;
	}

*html .central {
	width:671px;
	position:relative; float:left;
	margin-right:33px;
	}


.footer {
	clear:both;
	color:#7d7d7d;
	font-size:11px;
	}

.footer a {color:#a3a3a3}
.footer a:hover {color:#666; text-decoration:none;}
	
.footer .enlaces_institucionales {
	padding:20px 0;
	border-bottom:solid 1px #4b4b4b;
	}
.footer .enlaces_institucionales a { margin-right:10px; font-size:11px; font-weight:bold;}

.footer .info {
	padding:10px 0;
	border-top:solid 1px #ededed;
	line-height:16px;
	background:#fafafa;
	text-align:center;
	}

.separador { height:6px ; background:url(../img/separador.gif) repeat-x; margin:40px 0;}

table.enlaces_pie { width:100%; margin-bottom:20px;}
table.enlaces_pie td { padding:0 20px; vertical-align:top;}
table.enlaces_pie td.pri { padding:0 20px 0 0; }
table.enlaces_pie ul li { padding:2px 0; list-style:none; list-style-position:outside}

*html table.enlaces_pie ul { padding:0; margin:0;}
*html table.enlaces_pie ul li { padding:2px 0; margin:0; list-style: outside; height:1px;}

.print { width:600px; text-align:left; margin:20px;}
.print .logo { text-align:center; padding-bottom:10px; margin-bottom:20px ; border-bottom:solid 2px #ccc;}
.print .media { text-align:center;}

/******************************************************** CLASES
***************************************************************/

.ads_footer { clear:both;}


.ads { text-align:center;margin-bottom:30px; color:#ccc; font-size:11px;}
.ads_mono { position:relative; float:left; margin:0 5px 20px 0;}
*html .ads_mono { position:relative; float:left; margin:0 2px 20px 0;}

.main { margin-bottom:60px;}


/***************************************************** ELEMENTOS
***************************************************************/

a {
	outline:none;
	cursor:pointer;
	color:#69C;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}



h1 { font-size:22px; margin-bottom:10px; font-family:Georgia, serif}
h1 a { color:#333; text-decoration:none;}
h1 a:hover { color:#cd5300; text-decoration:none;}

.content h1 { margin-bottom:30px; font-size:32px;}

h2 { font-size:18px; margin-bottom:10px; font-family:"Trebuchet Ms" , Arial , Serif;}
h2 a { color:#e20; text-decoration:none;}
h2 a:hover {text-decoration:none;}

h3 { color:#e20; font-size:13px; font-weight:bold; margin-bottom:10px;}
h3 a {}
h3 a:hover{}

h4 {color:#cd5300;font-size:22px; padding-bottom:5px;margin-bottom:10px; font-family:Georgia, serif; border-bottom:solid 1px #f1e8d9;}
h4 a {}
h4 a:hover{}

h5 { color:#00b4c8; font-family:Arial, Helvetica, sans-serif; font-size:17px; margin-bottom:10px;}
h5 a {color:#00b4c8; font-family:Arial, Helvetica, sans-serif; font-size:17px; }
h5 a:hover{ text-decoration:none;}

p {
	line-height:17px;
	padding-bottom:15px;
}
strong {
	font-weight:bold;
}
ul {
}
ul li {
	line-height:18px;
	list-style:inside;
}

ul li a {
}

ul li a:hover {
}

quote {
}

input, textarea , select  { font-size:11px; padding:3px;}




/****************************************************** PAGINACION
***************************************************************/


.paginacion { text-align:center; clear:both; font-size:11px; margin:30px 0;}
.paginacion ul li { display:inline;}
.paginacion ul li a.bta { padding:15px 30px 0 15px; background:url(../img/body/prev.gif) no-repeat; color:#fff;}
.paginacion ul li a.btb { padding:15px 30px 0 15px; background:url(../img/body/next.gif) no-repeat; color:#fff;}
.paginacion ul li a{ color:#999; background:url(../img/body/li.gif) no-repeat center top; padding:15px 4px 0 4px;}
.paginacion ul li a.activo { color:#e20; background:url(../img/body/li_a.gif) no-repeat center top; padding:15px 4px 0 4px;}
.paginacion ul li a:hover { color:#111; text-decoration:none;}
.paginacion ul li.activo { padding:5px; background:#666; border:solid 1px #f1e8d9; color:#fff;}



/****************************************************** NAVEGACION
***************************************************************/

.navy { width:990px; margin:0px auto;}

.navy li {
	display: inline;
}


.navy li a {
	float: left;
	height: 0;
	padding-top: 42px;
	overflow: hidden;
	outline:none
}
.navy li a {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;}


/* BOTONES */

.navy li#inicio a {	background-position: 0 0;	width:126px}
.navy li#comer a {	background-position: -126px 0;	width:139px}
.navy li#beber a {	background-position: -265px 0;	width:132px}
.navy li#style a {	background-position: -397px 0;	width:149px;}
.navy li#inutilisima a {	background-position: -545px 0;	width:168px}
.navy li#buscador {	background-image: url(../img/menu.gif);background-position: -715px 0;	width:276px ;	float: left; height:42px;}

/* HOVER */

.navy li#inicio a:hover {background-position: 0 -43px;}
.navy li#comer a:hover {background-position: -126px -43px;}
.navy li#beber a:hover {background-position: -265px -43px;}
.navy li#style a:hover {background-position: -397px -43px;}
.navy li#inutilisima a:hover {background-position: -545px -43px;}


/* ACTIVO */

.inicio .navy li#inicio a {background-position: 0 -86px;}
.comer .navy li#comer a {background-position: -126px -86px;}
.beber .navy li#beber a {background-position: -265px -86px;}
.style .navy li#style a {background-position: -397px -86px;}
.inutilisima .navy li#inutilisima a {background-position: -545px -86px;}

/* ON ACTIVE*/

.inicio .navy li#inicio a:active {	background-position: 0 -86px;}
.comer .navy li#comer a:active {	background-position: -126px -86px;}
.beber .navy li#beber a:active {	background-position: -265px -86px;	}
.style .navy li#style a:active {	background-position: -397px -86px;	}
.inutilisima .navy li#inutilisima a:active {	background-position: -545px -86px;}

.sub_navy { background:url(../img/submenu.gif) no-repeat; height:41px; display:block; clear:both; padding:10px 0 0 10px;}
.sub_navy ul li { list-style:none; display:inline; font-size:12px; margin:0; padding:0;}
.sub_navy ul li a { color:#fff; font-weight:bold;padding:0px 8px; float:left; background:url(../img/separator.png) no-repeat top right;}
.sub_navy ul li a:hover { text-decoration:none; color:#e8eeda;}
.sub_navy ul li a img{ position:relative; top:-5px;}

.sub_navy ul li.pri a { border-left:none;}
.sub_navy ul li.ult a { border-right:none;}


.search { background:url(../img/body/input_s.gif) no-repeat; width:216px; height:26px; margin:10px 0 0 40px; }
.search input { background:none; padding:5px 4px; border:none; font-size:12px; color:#666; width:170px}
.search input.btn { width:30px; cursor:pointer;}
*html .search { height:26px;  }
*html .search input.btn { display:none;}