@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600italic,400italic);

body {
	font-family:'Source Sans Pro',sans-serif;
	font-weight:400px;
	font-size:14px;
	height: 100%;
	min-width: 540px;
	margin:0;
	/*background-color:#BBB;*/
	text-align:center;
}

.body {
	background-color:#FFF;
	text-align:left;
}

img { border:0; }

a {
	color:#09C;
	text-decoration:underline;
}

a:hover {
	color:#4B575F;
}

table {
	font-family:'Source Sans Pro', sans-serif;
	font-size:13px;
	border:1px solid #63acd3;
	margin:10px 0 10px 0;
	line-height:20px;
}
th {
	font-size:14px;
	background-color:#63acd3;
	color:#FFF;
	padding:1px 5px 1px 5px;
}
td {
	word-break:break-all;
}

.fondofila1 { background-color:#FFF;}
.fondofila2 { background-color:#EEE;}

form {
	margin:0;
}
label {
	margin:0;
}

input, select, textarea {
	border:1px solid #999;
	font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;
	font-size:13px;
}
input[type=submit], input[type=button] {
	cursor:pointer;
}

h1 {
	margin-top:0px;
	font-size:22px;
	color:#2583AD;
	font-weight:600;
}
h2 {
	color:#63acd3;
	font-size:16px;
}
h3 {
	color:#4B575F;
	font-size:14px;
}


/***********************************************************************/
#userBar {
	position: fixed;
	background-color: #069;
	height:30px;
	line-height:30px;
	width:100%;
	z-index:9999;
	border-bottom:1px solid #FFF;
	-webkit-box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 15px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 15px rgba(50, 50, 50, 0.75);
}
#userBarCont {
	width:990px;
	margin:0px auto;
	color:#FFF;
}
#MenuCabecera {
	font-size:16px;
	float:left;
}
#MenuCabecera ul {
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
}

#MenuCabecera ul li {
	float:left;
	margin-right:10px;
	border-right:1px solid #FFF;
	padding-right:10px;
	line-height:16px;
	position:relative;
}
#MenuCabecera ul li ul {
	top:18px;
	left:0px;
	position:absolute;
	border:1px solid #333;
}
#MenuCabecera ul li ul li {
	clear:both;
	background-color:#006699;
	width:175px;
	margin:0px;
	padding:0px;
	border:none;
	text-align:left;
}
.Nivel2 a {
	display:block;
	padding:5px 10px;
}
.Nivel2 a:hover {
	display:block;
	font-size:16px;
	background-color:#FFF !important;
	color:#006699 !important;
}
#MenuCabecera a {
	color:#FFF;
}



#Content {
	background-color:#FFF;
	width:990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-top:40px;
	margin: 0 auto -31px auto; /* the bottom margin is the negative value of the footer's height */
	/*border-left:2px solid #63acd3;
	border-right:2px solid #63acd3;*/
	text-align:left;
	/*-webkit-box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 15px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 15px rgba(50, 50, 50, 0.75);*/
}

/***********************************************************************/
#Cabecera {
	/*height: 110px;*/
	/*border-bottom: 1px solid #000;*/
	text-align: left;
	padding:10px 0px 15px 10px;
	background-color:#F6F6F6;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.25);
}

#Cabecera ul {
	list-style:none;
	margin:20px 0px 0px 50px;
	padding:2px 0px;
	font-weight:bold;
	float:left;
}
#Cabecera ul li {
	float:left;
	margin:0px 5px;
	padding:0px;
}
#Cabecera ul li a {
	padding:3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	color:#333;
	text-decoration:none;
	font-size:16px;
	font-weight:100;
}
#Cabecera ul li a:hover {
	background-color:#E3E3E3;
	color:#0099CC;
}

/***********************************************************************/
#ColumnaIzq {
	float: left;
	width: 20%;
	margin:0;
}
.cuadro {
	margin:20px 0px;
	float:left;
	width:171px;
	background-color:#6D97C0;
	color:#FFF;
	padding:10px;
	min-height:80px;
	max-height:150px;
}

#ColumnaCentro {
	position:relative;
	float: left;
	width: 60%;
	margin-bottom:30px;
	margin-top:12px;
}

#ColumnaDer {
	float: left;
	width: 20%;
	margin-top:12px;
	margin-bottom:5px;
}

#footer {
	height: 29px; /* .push must be the same height as .footer */
	line-height:29px;
	background-color:#069;
	margin:0 auto;
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	border-top: 2px solid #4B575F;
	padding:0 10px 0 10px;
	-webkit-box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 15px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 15px rgba(50, 50, 50, 0.75);
}
#footerCont {
	margin:0 auto;
	width: 970px;
	.width: 990px;
}
#footer a,#footer a:hover {
	color:#FFF;
}



#divSeguidores {
	float:right;
	width:100px;
	background-color:#069;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-align:center;
}
#countSeguidores {
	font-weight:bold;
}
.btnSeguir {
	float:right;
	width:110px;
	margin:5px 0px 0px 0px;
	border:1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	color:#06C;
	text-align:center;
	cursor:pointer;
}
.btnSeguir.off {
	color:#AAA;
	background-color:#EEE;
}

#divFavorito {
	width:130px;
	background-color:#AAA;
	color:#FFF;
	font-size:11px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor:pointer;
}
/***********************************************************************
Clases genericas
***********************************************************************/
.fl { float:left; }
.fr { float:right; }
.oh { overflow:hidden; }
.block { display:block; }
.clearfloat {
	clear:both;
	height:1px;
}

.septop {
	margin-top:10px;
}
.sepleft {
	margin-left:10px;
}


label.error, p.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error, select.error, textarea.error {
	border: 1px solid #F03;
}

a.titulolista {
	font-size:14px;
}

.hr {
	border:0;
	border-bottom:1px solid #666;
}

.imgPerfil {
	border:1px solid #096;
	padding:4px;
}

#datosPerfil {
	margin:0px;
	padding:0px;
	list-style-position:outside;
	list-style-type:none;	
}
#datosPerfil li {
	margin-bottom:5px;
}


/***********************************************************************
Paginación
***********************************************************************/
.pagination {
	overflow:hidden;
	margin:0px;
	padding:3px 0px;
	list-style:none;
	background-color:#DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.pagination li {
	float:left;
	margin-left: 4px;
	text-align: center;
	color:#09F;
	border: solid 1px #09F;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#FFF;
}
.pagination li.active {
	background-color: #09F;
	border: solid 1px #09F;
}
.pagination li a {
	display:block;
	/*width: 20px;*/
	height: 20px;
	padding:0px 6px;
	text-decoration:none;
}
.pagination li.active a {
	color:#FFF;
}


/***********************************************************************
Barra para compartir en redes sociales
***********************************************************************/
#social_nav_horizontal {
	margin-left: 0px;
	font-family: Futura, Verdana, Sans-Serif;
	font-size: 12px;
	color: #8E9090;
	height: 80px;
}
#social_nav_horizontal h3 {
	font-size:12px;
	display: inline;
	padding:0;
	border-bottom: dashed 1px #ccc;
}
#social_nav_horizontal ul {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
#social_nav_horizontal ul li {
	float: left;
	padding: 5px 0 0 5px;
	margin-left: 5px;
	list-style-type: none;
}
#social_nav_horizontal ul li a {
	padding: 4px 0 0 2px;
	height: 32px;
	color: #999;
	text-decoration: none;
}
#social_nav_horizontal ul li a:hover {
	color: #6DCAFF;
	text-decoration: underline;
}