/* CSS Document */

body{margin:0px; padding:0px; font:14px/20px Arial, Helvetica, sans-serif; background:#ed2096 url(../imagenes/fondo.jpg) repeat scroll;}
#pagcompleta{width:960px;margin:0 auto;} 
#cabecera{ background:url(../imagenes/top-aciertos.png) no-repeat; width:960px; height:366px; margin:0 auto;} 
.logo{ width:200px; height:auto; float:left; margin:8px 0 0 16px;}

.banerpilitos { width:190px; height:62px; padding:10px 0 0 20px;}
.banerpilitosdentro { width:190px; height:62px; padding:10px 0 0 20px; float:left;}


.header { width:990px; position:relative; overflow:hidden; margin:0px auto; text-align:left }

.callout { float:right; text-align:right; width:450px; margin:20px 30px 0px 0px }
.callout p{ font-family:"Droid Sans", Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; margin:0; padding:5px 0 5px 0 ;}
ul.social { margin:17px 0px 0px; padding:0px; list-style:none; float:right }
ul.social li { float:left; margin-right:4px }
ul.social li:last-child { margin-right:0px }
ul.social li.call { margin-right:10px; padding-right:16px; border-right:1px solid #ccc; font-family:"Droid Sans", Arial, Helvetica, sans-serif; font-size:22px; line-height:16px; color:#fff;}
ul.social li.call span { font-size:24px; color:#fff; font-weight:bold }
ul.social li a { width:16px; height:16px; display:block; background:url(../imagenes/social_sprite.png) 0px 0px no-repeat }
ul.social li a.twitter { background-position:0px 0px }
ul.social li a.twitter:hover { background-position:0px -20px }
ul.social li a.facebook { background-position:-20px 0px }
ul.social li a.facebook:hover { background-position:-20px -20px }
ul.social li a.plus { background-position:-40px 0px }
ul.social li a.plus:hover { background-position:-40px -20px }
ul.social li a.skype { background-position:-60px 0px }
ul.social li a.skype:hover { background-position:-60px -20px }
.main-nav-bg {background: url(../imagenes/main-nav-bg.png) no-repeat;
	width:1000px;
	height:76px;	
	left:293px;
	margin:0 0 0 -19px;
	top: 355px;}
.main-nav-bg p{font: normal 20px Tahoma, Geneva, sans-serif; text-align:center; color:#ffffff; padding:10px 5px; margin:0 0 10px 0; border-bottom:1px solid #04A5D7;}
/*------------------------------------------------------------------------- menuprincipal de la pagina pilitos-------------------------------------------- */
.menu_area {	margin:0 0 0 46px;	padding: 0px;	float: left;	height: 85px;}
.addidea {	font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;background-image: url(../imagenes/menu_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 42px;}
.addidea:hover {font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;
background-image: url(../imagenes/menu1_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px; padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;padding-left: 42px;}
.loginhere {font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;	background-image: url(../imagenes/menu_01.png);background-repeat: no-repeat;	margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 28px;}
.loginhere:hover {font-family: Arial;font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;
background-image: url(../imagenes/menu1_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px; padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;padding-left: 28px;}
.comments {	font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;background-image: url(../imagenes/menu_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 30px;}
.comments:hover {	font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;background-image: url(../imagenes/menu1_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;padding-left: 30px;}
.blog {	font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;	background-image: url(../imagenes/menu_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;	width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 30px;}
.blog:hover {font-family: Arial;font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;	background-image: url(../imagenes/menu1_01.png);	background-repeat: no-repeat;	margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;padding-left: 30px;}
.contact {font-family: Arial;font-size: 11px;font-weight: bold;	text-transform: capitalize;	line-height:15px;color: #FFFFFF;text-decoration: none;	background-image: url(../imagenes/menu_01.png);background-repeat: no-repeat;	margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 30px;}
.contact:hover {font-family: Arial;	font-size: 11px;font-weight: bold;text-transform: capitalize;line-height:15px;color: #FFFFFF;text-decoration: none;	background-image: url(../imagenes/menu1_01.png);background-repeat: no-repeat;margin: 0px;float: left;height: 85px;width: 90px;padding-top: 24px;padding-right: 0px;	padding-bottom: 0px;
padding-left: 30px;}
/*-------------------------------------------------------------------------final menuprincipal de la pagina pilitos-------------------------------------------- */
/* menu secundario*/
.menu { background:url(../imagenes/menusecundario.png) 2px top repeat-x; height:30px; width:529px; margin:0 auto;}
.menu li {float:left; background:url(../imagenes/menu-border.jpg) left top no-repeat; padding:0 0 0 2px;}
.menu .first {background:none; padding-left:0;}
.menu li a {display:inline-block; font-family:Tahoma, Geneva, sans-serif; font-size: 14px; font-weight:bold; color:#FFF;  text-decoration:none;}
.menu li a span {display:inline-block; padding:8px 21px 8px 21px;}
.menu li a:hover, .menu .act {color:#990000; background:url(../imagenes/menu-tail-un.jpg) left top repeat-x; width:auto;}
/* Final menu secundario*/
/*-------------------------------------------------------------------------inicio contenido-------------------------------------------- */
#contenidopilitos{ width:960px; height: auto;  background: #FFFFFF ; margin:-26px 0 0 0; }
/* rss */
.redes { width:280px; height:28px; color:#a7a7a7; margin:80px 0 0 0; padding:0; float:right; border:none;}
.rss { float:left; width:120px; height:28px; color:#a7a7a7; background:#b9200b url(../imagenes/facebookico.png) 8px 4px no-repeat; padding:5px 0 0 0; margin:0 5px; font:normal 11px Arial, Helvetica, sans-serif;}
.rss a {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:0 0 0 48px; margin:10px 0 0 0; text-decoration:none;}
.rsst { float:left; width:120px; height:28px; color:#a7a7a7; background:#b9200b url(../imagenes/twiterico.png) 8px 4px no-repeat; padding:5px 0 0 0; margin:0 5px; font:normal 11px Arial, Helvetica, sans-serif;}
.rsst a {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:0 0 0 48px; margin:0; text-decoration:none;}

.tiratop{width:960px; height:25px;}

.post {background-color:#ffffff; border:#EBE7D8 solid 1px; margin-bottom:15px; padding:0 4px 0 4px;}
#posts {float: right;width:670px; padding-right:15px; margin:25px 0 0 0;}
#posts h1 {font: normal 28px Tahoma, Geneva, sans-serif; color:#282828; padding:10px 5px; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
#posts p {font:normal 12px Arial, Helvetica, sans-serif; color:#474646; padding:0; margin:10px 0;}
#posts a { color:#0581a7; font:bold 12px Arial, Helvetica, sans-serif; text-decoration: underline;}
#posts h2 { color:#B01E0E; font:bold 24px Arial, Helvetica, sans-serif;}
.story img{width:610px;height:260px;display:block;line-height:0;float:left;padding:0 10px 0 0;margin-top:0;}

.test{width:600px; background-color:#eff4fa; border:#EBE7D8 solid 1px; margin-bottom:15px; padding:0 10px 10px 10px;}
.test img{width:152px;height:130px;display:block;line-height:0;	float: left;padding:0 0 0 0;margin-top:-30px;}
.spacer{clear:both; font-size:0; line-height:0;}
.test p{display:block;font:normal 14px/16px Arial, Helvetica, sans-serif;color:#1E1E1E;width:440px;margin-top:15px;float: right;}
.test h2{padding-left:160px;display:block;background-color:inherit;}
.test h2 a{color:#0178D6;display:block;}
.test h2 a:hover{color:#012940;text-decoration: none;display:block;}
/*------------------------------------------------GALERIAS--------------------*/
.banersuperdely{ width:190px; margin:0 0 5px 15px; height:60px;}
/* Galeria css*/
.principalindex li {display:inline;float:left;}    
.principalindex li {display:inline;float:left;width:197px;background-color:#e7e7e7;padding:5px;margin:6px 4px 6px 4px;text-align: center; border-radius:20px 5px 20px 5px;border-right: #a5a7aa solid 1px;border-bottom: #a5a7aa solid 1px;}
.principalindex ul li span{ color:#515151;} 
.principalindex h2{ font-size:24px;color:#990000;} 
.principalindex h3{color:#990000;}
/* Galeria css*/
/* Galeria css*/
.principal li {display:inline;float:left;}    
.principal li {display:inline;float:left;width:233px;background-color:#e7e7e7;padding:5px;margin:6px 30px 6px 45px;text-align: center;border-radius:12px 5px 20px 5px;border-right: #a5a7aa solid 1px;border-bottom: #a5a7aa solid 1px;}
.principal ul li span{ color:#515151;} 
.principal h2{ font-size:24px;color:#990000;} 
.principal h3{color:#990000;}
/* Galeria css*/

/* Galeria cssDos*/
.principaldos li {display:inline;float:left;}    
.principaldos li {display:inline;float:left;width:165px;background-color:#F8E9DE;padding:5px;margin:6px 20px 6px 20px;text-align: center;border-right: #a5a7aa solid 1px;border-bottom: #a5a7aa solid 1px;}
.principaldos ul li span{ color:#515151;}
.principaldos h2{ font-size:24px;color:#990000;}   
.principaldos h3{ color:#990000;}
/* Galeria cssDos*/
/* Galeria csspersonajes*/
.principalpersonaje li {display:inline;float:left;}    
.principalpersonaje li {display:inline;float:left;width:165px;background-color:#f5f7f9;padding:5px;margin:6px 20px 6px 20px;text-align: center;border-right: #a5a7aa solid 1px;border-bottom: #a5a7aa solid 1px;}
.principalpersonaje ul li span{ color:#515151;}
.principalpersonaje h2{ font-size:24px;color:#990000;}   
.principalpersonaje h3{ color:#990000;}
/* Galeria cssDos*/
/* Galeria BAJA*/
.baja{ background: #F6761C url(../imagenes/tirabaja.jpg) no-repeat;}
.baja li {display:inline;float:left;}    
.baja li {display:inline;float:left;width:185px;background-color:#ffffff;padding:5px;margin:14px 9px 14px 9px;text-align: center;border-right: #B01E0E solid 1px;border-bottom: #B01E0E solid 1px;}
.baja ul li span{ color:#515151;}
.baja h4{color:#ffffff;  font-size:24px; text-align: center; padding:20px 0 0 0;}
/* Galeria BAJA*/
/*------------------------------------------------GALERIAS--------------------*/
/*------------------------------------------------links derechos--------------------*/
.titulos{ background: url(../imagenes/fondotitulo.png) no-repeat;}
.titulos h3 {padding: 8px 0 0 20px;color:#FFFFFF;height: 25px;font: normal 16px Tahoma, Geneva, sans-serif; text-decoration:none;}
.titulos h3 a{font: normal 16px Tahoma, Geneva, sans-serif; padding:10px 5px; margin:0 0 10px 0;color:#FFFFFF; text-decoration:none;}
.titulos h3 a:hover{color: #CCCCCC;text-decoration:none;}
.banner{ width:224px; height:135px; background-color:#B3086C; border:#04a5d7 solid 3px; border-radius:20px 5px 20px 5px; padding:1px 0 1px 0; margin:25px 0 15px 0;}
.banner h2{font:normal 22px Tahoma, Geneva, sans-serif; margin:0; text-decoration:none; color:#ffffff; text-align:center;font-weight:600;}
.banner h4{font:normal 15px Tahoma, Geneva, sans-serif;margin:0; padding:5px; text-decoration:none; color:#ffffff; text-align:center;font-weight:600;}	
.conte{ background:#e3e9ed;}
#links {float: left;width: 230px;padding:0 20px 0 20px;}
.espacio {height:20px;}
#links ul {margin: 0;padding: 0;list-style: none; }
#links li ul {padding: 5px 0 10px 0; background:#E5E5E5; border:#04a5d7 solid 3px; border-radius:20px 5px 20px 5px;}
#links li li {padding: 7px 10px;background: url(../imagenes/img06.gif) repeat-x left bottom;}
#links li a {text-decoration: none;color:#333232;}
#links li a:hover {	text-decoration: underline;	color:#B3086C;}
#links li h3 {	font: normal 16px Tahoma, Geneva, sans-serif;	color: #FFFFFF;	height: 25px;padding: 8px 0 0 20px;}
#links li h3 a{color:#FFFFFF;}
#links li h3 a:hover{color: #CCCCCC;text-decoration:none;}
p, blockquote, ul, ol {font: normal 13px Tahoma, Geneva, sans-serif; padding:10px 5px; margin:0 0 10px 0; line-height:18px;text-align: justify;}

/*------------------------------------------------Final Contenidoooooo--------------------*/
/*-------------------------------------------------------------------------final contenido-------------------------------------------- */
.arriba{width:60px; float:right; margin-top:10px;}
.arriba img{ margin:0 6px 0 6px;}
.arriba a{color:#B01E0E;}
.arriba a:hover{color:#B01E0E;}
/*-------------------------------------------------------------INICIOfotterlinks ------------------------------------------------------------------*/
.fotter_designed {font-family: Arial;font-size: 9px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-decoration:none;margin: 0px;	float: left; text-align:center;height:20px;width: 100%;color: #FFFFFF; padding:8px;}
.lo{ width:25px; height:25px; padding:2px 2px 0 2px; float: right;}
.fotter_designed img{width:25px; height:25px; padding:2px 2px 0 2px;}
.fotter_designed a{ color:#f5430a; text-decoration:none;padding:8px 2px 10px 2px;}
.fotter_designed a:hover{ color: #FFFFFF; text-decoration:none;}
.fotter_designedlink {font-family:Arial;font-size:11px;font-style:normal;line-height:normal;font-weight:bold;font-variant:normal;text-decoration:none;}
.fotter_designedlink:hover {font-family: Arial;font-size: 11px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-decoration: none;
color: #FFFFFF;}
.fotter_leftarea {margin:20px 0 0 0;padding: 0px;float: left;height:auto;width: 960px;}
#fotter{width:100%;	margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding: 0px;	height:200px; background-color:#5f053a;}
#fotter_1{width:960px; background: url(../imagenes/tiratop.jpg) no-repeat;	height:60px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left:auto;padding: 0px;}
#fotter_1 h2{font-family:Arial;font-size: 28px;line-height: normal;font-weight:700;font-variant: normal;text-transform: none; color:#FFFFFF; padding:42px 0 0 0; margin:0; text-align:center;}
.fotter_links {	font-family: Arial;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;	text-decoration: none;margin: 0px;float: left;height: 20px;width: 100%;color: #9e9e9e;padding-top: 5px;padding-right: 0px;	padding-bottom: 0px;padding-left: 0px;}
a.fotterlink:link {font-family: Arial;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;	text-decoration: none;color: #9e9e9e;}
a.fotterlink {font-family: Arial;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;	text-decoration: none;color: #9e9e9e;}
a.fotterlink:hover {font-family: Arial;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;	text-transform: none;
	text-decoration: none;color: #FFFFFF;}
	
	
	.estrategiaf {font-family: Arial;font-size: 9px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-decoration:none;margin: 0px;	float: right; text-align: inherit;height:20px;        width:250px;color: #FFFFFF; padding:4px;}
	.centr{ width:290px; height: auto; margin:0 auto;}
	.izqes{ width: auto; height:20px; float:left; margin:0; padding:0;}
	.izqes a{color:#9E9E9E; text-decoration:none;padding:8px 2px 10px 2px;}
	.izqes a:hover{color: #FFFFFF; text-decoration:none;}
	
	.imalo{ width:20px; height:20px; margin:-2px 3px 0 3px; float: left;}
	.imalo a { width:16px; height:16px; display:block; background:url(../img/social_sprite-ecf.png) 0px 0px no-repeat }
	.imalo a.ecf{ width:20px; height:20px; background-position:0px 0px}
	.imalo a.ecf:hover{  background-position:0px -20px }
	
	.derech{ width: auto; height:20px; float:left; margin:0; padding:0;}
	.derech a{color:#9E9E9E; text-decoration:none;padding:8px 2px 10px 2px;}
	.derech a:hover{color: #fff; text-decoration:none;}
	.efe{ color:#A8B429;}

/*-------------------------------------------------------------FINAL fotterlinks ------------------------------------------------------------------*/


.footer-column{
	width:220px;
	margin:0 15px 0 28px;
	padding:5px 0px;
	font-size:11px;
	color:#ffffff;
	float:left;
}
.footer-column h5, .footer-column2 h5{
	color:#ffffff;
	padding-bottom:5px;
	background-image:url(../imagenes/footer-line.gif);
	background-repeat:repeat-x;
	background-position:bottom; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:14px;
	margin:22px 0 2px 0;
}
.footer-column p{
	margin-bottom:2px;
}
.footer-column2{
	width:130px;	
	padding:5px 0px;
	font-size:11px;
	color:#ffffff;
	float:left;
}
ul.list-bottom{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}
ul.list-bottom li{
	line-height:15px;
	color:#ffffff;
}
ul.list-bottom li a, ul.list-bottom li a:visited{
	color:#ffffff;
	text-decoration:none;
}
ul.list-bottom li a:hover{ color:#B3086C;}
.green-color{
	color:#263d42;	
}
ul.social-list{
	width:263px;
	padding:0px; 
	list-style-type:none;
}
ul.social-list li{
	width:30px;
	margin:5px 4px 0px 0px;
	float:left;
}
