/**********************************************************************
 * WebComunitor
 *
 * Copyright (c) Xchematic 2009
 * www.xchematic.com
 *
 * 20 de Junio, 2009
**********************************************************************/



/**********************************************************************
 *CSS Reset 
**********************************************************************/
html,body,
h1,h2,h3,h4,h5,h6,
p,span,strong,
ol,ul,li,dl,dt,dd,
form,fieldset,input,textarea {
	border: none;
	border-color: transparent;
	margin: 0;
	padding: 0;
}


/**********************************************************************
 *Global and Utility Styling
**********************************************************************/
body { background: url(../_img/global-bg-wall.jpg) no-repeat center top; font: 11px Arial, Helvetica, Geneva, sans-serif; }
a:link, a:visited { color: #B33A05; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.clear { clear: both; }
.left { float: left; }
.right {float: right; }
.hide { display: none; visibility: hidden; }


/**********************************************************************
 *Global Structure Styling
**********************************************************************/
#wc-container { margin: 0 auto; width: 856px; }
#wc-head { background: url(../_img/global-bg-head.jpg) no-repeat; height: 174px; }
	#wc-head h1 a { background: url(../_img/global-title-main.jpg) no-repeat; display: inline; float: left; height: 57px; margin: 84px 0 0 41px; text-indent: -9999px; width: 293px; }
	#wc-head ul { float: right; list-style-type: none; width: 484px; }
		#wc-head ul li { float: left; text-indent: -9999px; }
		#wc-head ul li a { display: block; }
		#wc-head ul #ganadores a { background: url(../_img/global-nav-ganadores.jpg) no-repeat; height: 53px; margin-top: 84px; width: 126px; }
			#wc-head ul #ganadores a:hover, #wc-head ul #ganadores .selected { background-position: 0 -53px; }
		#wc-head ul #funciona a { background: url(../_img/global-nav-funciona.jpg) no-repeat; height: 53px; margin-top: 84px; width: 99px; }
			#wc-head ul #funciona a:hover, #wc-head ul #funciona .selected { background-position: 0 -53px; }
		#wc-head ul #preguntas a { background: url(../_img/global-nav-preguntas.jpg) no-repeat; height: 53px; margin-top: 84px; width: 108px; }
			#wc-head ul #preguntas a:hover, #wc-head ul #preguntas .selected { background-position: 0 -53px; }
		#wc-head ul #suscribete a { background: url(../_img/global-nav-suscribete.jpg) no-repeat; height: 53px; margin-top: 84px; width: 103px; }
			#wc-head ul #suscribete a:hover, #wc-head ul #suscribete .selected { background-position: 0 -53px; }
		#wc-head ul #inicio a { background: url(../_img/global-nav-inicio.jpg) no-repeat; clear: both; height: 18px; margin-top: 137px; position: relative; left: -12px; width: 19px; }
#wc-body { clear: both; }
	#wc-body #wc-side { background: url(../_img/global-bg-side.jpg); float: left; height: 391px; width: 275px; }
	#wc-body #wc-content { background: url(../_img/global-bg-content.jpg); float: right; height: 391px; width: 581px; }
	#wc-body #wc-bottom { background: url(../_img/global-bg-bottom.jpg) no-repeat; clear: both; height: 92px; }
	#wc-body #wc-bottom a { background: url(../_img/global-btn-rapiencuesta.jpg) no-repeat bottom; display: block; height: 79px; margin-left: 648px; text-indent: -9999px; width: 177px; }
#wc-foot { clear: both; color: #999999; padding: 46px 5px 50px; }
	#wc-foot span { display: block; font-size: 10px; float: left; width: 350px; }
	#wc-foot span img { margin-left: 10px; }
	#wc-foot #x_s { float: right; }


#wrapper { height: 391px; overflow: hidden; position:absolute; width: 581px; }
#mask { height: 2905px; width: 581px; }  
.item {  float: left; height: 391px; width: 581px; }  

#sec1, #sec2, #sec3, #sec4, #sec5 { height: 391px; }
#sec3holder, #sec4holder { height: 359px; }

/**********************************************************************
 *Inicio (section styling)
**********************************************************************/
#sec1 h2 {
	background: url(../_img/inicio-title-main.png) no-repeat;
	height: 160px;
	text-indent: -9999px;
	width: 536px;
}
#sec1 h3, #sec1 p {
	margin: 0 125px 0 73px;
}
#sec1 h3 {
	font: 17px "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 12px;
}
#sec1 p {
	font-size: 12px;
	margin-bottom: 16px;
}
#sec1 ul {
	list-style-type: none;
}
#sec1 ul li {
	float: left;
	text-indent: -9999px;
}
#sec1 ul li a{
	display: block;
}
#sec1 ul #btn-informacion a {
	background: url(../_img/inicio-btn-informacion.png) no-repeat;
	height: 70px;
	width: 181px;
}
#sec1 ul #btn-ganadores a {
	background: url(../_img/inicio-btn-ganadores.png) no-repeat;
	height: 69px;
	margin-left: 10px;
	width: 177px;
}
#sec1 ul #btn-suscribete a {
	background: url(../_img/inicio-btn-suscribete.png) no-repeat;
	height: 68px;
	margin-left: 10px;
	width: 176px;
}


/**********************************************************************
 *Ganadores (section styling)
**********************************************************************/
#sec2 h2 {
	background: url(../_img/ganadores-title-main.png) no-repeat;
	height: 43px;
	margin-left: 38px;
	text-indent: -9999px;
	width: 172px;
}
#sec2 p {
	font-size: 12px;
	margin: 10px 220px 30px 59px;
}
#sec2 ul {
	font-size: 14px;
	margin: 30px 30px 30px 55px;
	list-style-type: none;
}
#sec2 ul li {
	background: url(../_img/global-bullet.gif) no-repeat 0 4px;
	font: 17px "Times New Roman", Times, serif;
	font-weight: bold;
	padding-left: 30px;
	margin: 0 0 20px 100px;
}
#sec a {
	color: #000;
	text-decoration: underline;
}



/**********************************************************************
 *Como Funciona (section styling)
**********************************************************************/
#sec3 h2 {
	background: url(../_img/funciona-title-main.png) no-repeat;
	height: 31px;
	margin-left: 39px;
	text-indent: -9999px;
	width: 244px;
}
#sec3 dl {
	margin: 20px 40px 0;
}
#sec3 dt {
	background: url(../_img/global-bullet.gif) no-repeat 0 4px;
	font: 17px "Times New Roman", Times, serif;
	font-weight: bold;
	padding-left: 30px;
}
#sec3 dd {
	margin: 0 0 20px 30px;
}
#sec3 p {
	font-size: 12px;
	text-align: justify;
	margin-bottom: 15px;
}



/**********************************************************************
 *Preguntas (section styling)
**********************************************************************/
#sec4 h2 {
	background: url(../_img/preguntas-title-main.png) no-repeat;
	height: 32px;
	margin-left: 39px;
	text-indent: -9999px;
	width: 351px;
}
#sec4 dl {
	margin: 20px 40px 0;
}
#sec4 dt {
	background: url(../_img/global-bullet.gif) no-repeat 0 4px;
	font: 17px "Times New Roman", Times, serif;
	font-weight: bold;
	padding-left: 30px;
}
#sec4 dd {
	margin: 0 0 20px 30px;
}
#sec4 p {
	font-size: 12px;
	text-align: justify;
	margin-bottom: 15px;
}


/**********************************************************************
 *Suscribete (section styling)
**********************************************************************/
#sec5 h2 {
	background: url(../_img/suscribete-title-main.png) no-repeat;
	height: 32px;
	margin-left: 39px;
	text-indent: -9999px;
	width: 351px;
}
#sec5 form {
	margin: 10px 25px 0;
}
#sec5 fieldset {
	text-align: right;
	width: 250px;
}
#sec5 dl {
	clear: both;
	margin-bottom: 20px;
}
#sec5 dt, #sec5 dd {
	display: inline;
}
#sec5 input.text {
	background-color: #FCEDCA;
	border: solid 1px #B64311;
	height: 19px;
	margin-left: 15px;
	padding: 0 5px;
	width: 138px;
}
#sec5 .short {
	background-color: #FCEDCA;
	border: solid 1px #B64311;
	height: 19px;
	margin-left: 15px;
	width: 62px;
}
#sec5 .drop {
	background-color: #FCEDCA;
	border: solid 1px #B64311;
	height: 19px;
	margin-left: 15px;
	width: 149px;
}
#sec5 .submit {
	text-align: right;
	width: 100%;
}
#sec5 #enviar {
	height: 50px; 
	width: 166px;
	margin: 0 25px 0 0;
}
#sec5 form label.error {
	font-size: 10px;
	color: red;
	clear: both;
	margin-left: 30px;
}


/**********************************************************************
 *Success (section styling)
**********************************************************************/
#sec6 h2 {
	background: url(../_img/suscribete-title-main.png) no-repeat;
	height: 32px;
	margin-left: 39px;
	margin-top: 65px;
	text-indent: -9999px;
	width: 351px;
}
#sec6 p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 20px;
	text-align: center;
}
#sec6 a:link, #sec6 a:visited {
	color: #000;
	text-decoration: underline;
}
#sec6 a:hover, #sec6 a:active {
	text-decoration: none;
}