/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
/*@import url('sandbox-layouts/2c-l.css');*/

/* Just some example content */
/*div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}*/

.wp-caption-text{font-size:9px; color:#FF0000; margin-top:-10px;}
h2.entry-title {line-height:25px;}
h2.entry-title a{clear:both; color:#FF6600;}
.entry-title{clear:both; color:#FF6600;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.entry-content img{
padding:0 20px 15px 0;
}

#noticias-sidebar{
	width:200px;
	padding-left:20px;
	margin-bottom:50px;
}

div.sidebar a{ color: #006699; font-size:12px;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{color: #990000;margin:0;padding:0;}
div.sidebar h3{font-size:1.2em; padding-top:12px;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:square;color:#FF9900;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:square; color:#FF9900;}

div#footer{text-align:center;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}
div.entry-meta{padding:5px;	background-color: #DDD;	color:#555;	font-size:10px; margin-bottom:35px;}
h1, h2, h3, h4, h5 ,h6{color:#FF3300;}
.page-title{padding-top:25px;}


/*FUNDACION GANA MX*/

html,body{
	margin:0;
	padding:0;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}

body#inicio{
	background: transparent url(../sandbox/images/bg.jpg) repeat-x scroll top left;
}

body#Acerca,body#Consejo,body#Enfoque,body#Team,body#Noticias,body#Retos,body#Participa, body#Contacto{
	background: #FFFFFF url(../sandbox/images/bg-interior.jpg) repeat-x scroll top left;
}

body#noticias{
	margin:0 0 0 0;
}


/*ESTILOS ALTERNOS*/
.alert{
	color:#FF0000;
}

.more{
	color:#FF0000;
	text-decoration: none;
}

.more a{
	color:#FF0000;
	text-decoration: underline;
}

.more-naranja a{
	color: #990000;
	text-decoration: underline;
}

a img{
	border:0;
}

li {
	margin-top:0px;

}

/*BANNER*/

#banner-wrapper-div{
	float:left;
	width:100%;
	height:259px;
}

#banner-interior-div{
	clear:both;
	width:900px;
	height:280px;
	margin:0 auto;
}

#banner-interior-div-bottom{
	background: transparent url(../sandbox/images/bh-head.jpg) no-repeat scroll top right;
	float:left;
	width:900px;
	height:218px;
	margin:1px auto 0 auto;
}


#banner-interior-div-logo{
	background: transparent url(../sandbox/images/logo.gif) no-repeat center left;
	float:left;
	width:350px;
	height:218px;
}


#banner-interior-div-mexis{
	float:left;
	width:550px;
	height:218px;
}

#banner-interior-div-menu{
	float:left;
	margin-top:1px;
	width:482px;
	height:40px;
}

#banner-interior-div-newsletter{
	float:left;
	margin-top:1px;
	width:418px;
	height:40px;
}

/*CONTENIDO, SE USA DIV EXTRA PARA CENTRAR content-interior-div-centered*/

#content-wrapper-div{
	
	float:left;
	width:100%;
	height:auto;
	margin:0;
}

#content-interior-div-centered{
	clear: both;
	width:900px;
	margin:0 auto;
	.margin-bottom:25px;
	_margin-bottom:25px;
}

#content-interior-div{
	/*background-color: #990099;*/
	float:left;
	width:900px;
	height:auto;
	margin:0;
}


#content-interior-div-slide{
	background-color: #FF9900;
	margin-top:21px;
	float:left;
	width:420px;
	height:299px;
}

#content-interior-div-text{
	margin-top:25px;
	margin-left:25px;
	float:left;
	width:222px;
	height:250px;
}

#content-interior-div-text-title{
	margin:0 0 0 15px;
}

#content-interior-div-img{
	background: transparent url(../sandbox/images/anuncio02.png) no-repeat center left;
	height:120px;
	width:auto;
}

#content-interior-div-text-cont{
	margin:0 15px;
	overflow:hidden;
}

#content-interior-div-causas{
	margin:21px 0 0 25px;
	float:left;
	width:200px;
	height:299px;
	border-left:#333333 4px solid;
	border-right:#333333 4px solid;
	overflow:hidden;
}


#content-interior-div-causas-img{
	margin:0px;
	float:left;
	width:200px;
	height:160px;
}

#content-interior-div-causas-causa01{
	margin:0px;
	float:left;
	width:200px;
	height:35px;
}

#content-interior-div-causas-causa02{
	margin:0px;
	float:left;
	width:200px;
	height:35px;
}

#content-interior-div-causas-causa03{
	margin:0px;
	float:left;
	width:200px;
	height:35px;
}

#content-interior-div-causas-causa04{
	margin:0px;
	float:left;
	width:200px;
	height:35px;
}

#content-interior-div-donacion{
	margin-top:25px;
	float:left;
	width:220px;
	height:250px;
}

#content-interior-div-noticias{
	margin-top:28px;
	float:left;
	width:420px;
	height:410px;
	overflow:hidden;
}
#content-interior-div-noticias-title{
	background: transparent url(../sandbox/images/noticias.gif) no-repeat scroll top left;
	margin-top:0px;
	float:left;
	width:75px;
	height:410px;
	overflow:hidden;
}

#content-interior-div-noticias-deporte{
	margin-left:10px;
	float:left;
	width:320px;
	height:200px;
	overflow:hidden;
}

#content-interior-div-noticias-ninos{
	margin-left:10px;
	float:left;
	width:320px;
	height:200px;
	overflow:hidden;
}

#content-interior-div-noticias-separacion{
	background: transparent url(../sandbox/images/redline.gif) repeat-x scroll center left;
	.background: transparent url(../sandbox/images/redline.gif) repeat-x scroll 5px left;
	_background: transparent url(../sandbox/images/redline.gif) repeat-x scroll 5px left;
	margin-left:10px;
	float:left;
	width:335px;
	height:10px;
	overflow:hidden;
}

#content-interior-div-deportes-title{
	margin:0 0 0 15px;;
}

#content-interior-div-deportes-cont{
	margin:0 15px;
	overflow:hidden;
}


#content-interior-div-ninos{
	margin-top:0;
	float:left;
	width:220px;
	height:200px;
	overflow:hidden;
}

#content-interior-div-ninos-title{
	margin:0 0 0 15px;
}

#content-interior-div-ninos-cont{
	margin:0 15px;
	overflow:hidden;
}

#content-interior-div-video{
	margin:20px 0 0 20px;
	float:left;
	width:240px;
	height:200px;
}

#content-interior-div-video object{
	margin-top:8px;
}

#content-interior-div-offsite{
	background: transparent url(../sandbox/images/offsite-frame.gif) no-repeat scroll top left;
	margin-top:28px;
	float:left;
	width:220px;
	height:50px;
}

#content-interior-div-compromiso{
	float:left;
	margin:20px 0 0 20px;

}

/*MARGEN PARA 1a OFFSITE IMG*/
.imgoffsite{
	margin-left:20px;
}

#content-interior-div-sponsors{
	margin-top:0;
	float:left;
	width:220px;
	height:142px;
}

#content-interior-div-gente{
	margin:20px 0 0 22px;
	float:left;
	width:198px;
	height:94px;
}

#content-interior-div-patron{
	margin:12px 0 25px 22px;
	float:left;
	width:198px;
	height:94px;
}

/*FOOTER*/

#footer-wrapper-div{
	background: transparent  url(../sandbox/images/bgfooter.jpg) repeat-x scroll top left;
	float:left;
	width:100%;
	height:150px;
	.height:150px;
	_height:150px;
	.margin-bottom:-50px;
	_margin-bottom:-50px;
	overflow:hidden;
	
}

#footer-interior-div{
	padding:0;
	clear:both;
	width:900px;
	height:150px;
	margin:1px auto 0 auto;
}

#footer-interior-div-facts{
	float:left;
	width:900px;
	height:64px;
	margin:0 auto;
}

#footer-interior-div-facts p{
	font-size:16px;
	padding:15px 0 0 0;
}

#footer-interior-div-text{
	width:900px;
	float:left;
	margin:10px auto 0 auto;
}

#footer-interior-div p{
	text-align:center;
	margin:10px;
}

/* CONFIGURACION PARA SIDEBAR Y TEXTOS */

#content-interior-div-info{
	margin:80px 0 0 30px;
	width:650px;
	float:left;
}

#content-interior-div-info-texto{
	background: transparent url(../sandbox/images/grayline.gif) repeat-y scroll top right;
	line-height:14px;
	font-size:12px;
	text-align:left;
	padding-right:30px;
	margin:0 0 50px 0;
	min-height:600px;
}

#content-interior-div-sidebar{
	margin:80px 0 0 0;
	float:left;
	width:220px;
}

h1{
	font-size:24px;
	line-height:28px;
	color:#FF3300;
	margin:0;
}


h6{
	margin:0;
	font-size:24px;
	line-height:28px;
	color:#FF3300;
}

.info-img{
	margin:15px 30px 15px 0;
	float:left;
	border:#333333 3px solid;
}

.info-img-v2{
	margin:5px 0px 35px 0;
	float:left;
	border-bottom:#333333 1px solid;

}

#content-interior-div-info em{
	color: #003366;
	font-style:normal;
	font-weight:bold;
}

#content-interior-div-info ol{
	list-style: decimal;
}

#content-interior-div-info ul{
	list-style: square;
	margin-top:25px;
}

#content-interior-div-info li{
	margin-top:15px;
}

#padrinos-title{
	padding:25px 0 0 0;
}

#conoce-atletas{
	margin:25px 0 50px 0;
	float:left;

}

#testimonio-rommel{
	background-color:#FFCC00;
}

#testimonio-zambotti{
	background-color: #66CCCC;
}

.testimonios-principal{
	margin:15px 0;
	padding:10px;
	height:200px;
}

.testimonios-principal-img{
	margin-right:10px;
	float:left;
	height:220px;
	width:200px;
}

.miembro{
	margin:0;
	padding:0;
}

.miembro-img{
	height:204px;
	width:500px;
}

.miembro-img img{
	margin:15px 0;
	padding:0;
	border:#333333 2px solid;
}
.miembro-info{
	color: #990000;
	margin:0px 0 10px 0;
	padding-bottom:30px;
	.padding-bottom:0px;
	_padding-bottom:0px;
	.margin-bottom:0px;
	_margin-bottom:0px;

}

.miembro-info ul{
	color:#666666;
	margin:0 0 0 -25px;
	.margin:0 0 0 15px;
	_margin:0 0 0 15px;
}

.toggler-a{
	color: #003366;
	text-decoration:none;

}

.fuente{
	color:#666666;
	font-size:9px;
}

.testimonio{
	color:#333333;
	text-align:justify;

}



#content-interior-div-anuncio-acerca{
	background: transparent url("http://localhost/fundacionganamx/img/anuncio.jpg") no-repeat scroll top left;
	margin-top:3px;
	margin-bottom:20px;
	float:left;
	width:900px;
	height:150px;
}

/* ENFOQUE*/

#content-interior-div-info-img-enfoque{
	background-color:#99CC00;
	height:300px;
	width:650px;
	margin:0 30px 15px 0;
	float:left;
}

/* RETOS */

#content-interior-div-info-img-retos{
	background-color:#99CC00;
	height:200px;
	width:650px;
	margin:0 0 35px 0;
	float:left;
	overflow: hidden;
}


/*MEXIS*/
#explicacion-mexis{
	height:620px;
	width:620px;
	margin:0;
	padding:0;
	text-align:left;
}
	

/* CONTACTO */

#contacto-datos {
	width:435px;
	height:auto;
	margin:0;
	padding:0 0 0 0;
	float:left;
	text-align:center;
}

#contacto-datos a {
	text-decoration:none;
	color: #FFCC00;
}

#contacto-datos a:hover {
	text-decoration:underline;
}

#contacto-forma {
	width:435px;
	height:auto;
	margin:0;
	padding:30px 0 30px 0;
	float:left;
	text-align:left;
}

#contact_form textarea {
 .height:90px;
	_height:90px;
}

#contact_form p {
	margin-bottom:14px;
}
#contact_form span {
	color: #FF0000;
}
#contact_form label {
	display: block;
	margin-bottom:0;
	padding: 0px;
	font-size: 14px;
}
#campos {
	margin:0 0 12px 0;
	color: #666666;
}

#gentegana{
	margin:0 0 25px 0;
}

/* button styling */
.button-contact {
	background-color: #000;
	border-width: 2px;
	border-color: #FF9900;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	padding: 3px 5px 2px;
	cursor: pointer;
	width: 180px;
	color: #FFF;
	float:left;
	margin-left: 0;
	text-transform: uppercase;
	font-size: 12px;
 	.font-size: 10px;
	_font-size: 10px;
}

.forma-contacto{
	height:800px;

}

.correo {
	margin-bottom:5px;
}

.fieldbox {
	margin:10px 0 0 0;
	padding:0;
}

.redAlert {
	color: #FF0000;
	font-weight:bold;
	text-decoration:none;
	margin:10px 0;
}
.greenAlert {
	color: #000066;
}

.select{
	background-color: #FFCC33;
	margin-bottom:7px;
	border: #003366 1px solid;
	width: 254px;
 	.width:260px;
	_width:260px;
 	.height:22px;
	_height:22px;
}

.text{
	background-color: #FFCC33;
	border: #003366 1px solid;
	font-size: 13px;
	padding:0;
	margin-bottom:7px;
	margin-top:3px;
	width: 252px;
	.width:260px;
	-width:260px;
	color: #333333;
}

.textarea{
	background-color: #FFCC33;
	border: #003366 1px solid;
	font-size: 13px;
	padding:0;
	margin-bottom:7px;
	margin-top:3px;
	width: 400px;
	.width:260px;
	-width:260px;
	height:150px;
	color: #333333;
}

.gana-toggler{
margin: 0px 10px 0px 0;
}

.busqueda{
	min-height:500px;
}


.button-enviar{
background-color: #000;
	border-width: 2px;
	border-color: #FF9900;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	padding: 3px 5px 2px;
	cursor: pointer;
	width: 180px;
	color: #FFF;
	float:left;
	margin-left: 0;
	text-transform: uppercase;
	font-size: 12px;
 	.font-size: 10px;
	_font-size: 10px;
}