/*
Theme Name: Chupa Chucks Spain
Theme URI: http://www.
Description: Theme creado exclusivamente para 
Version: 1.0
Author: Overalia
Author URI: http://www.overalia.com
Tags: chupa chuck, chupa chups, red, 2 columns
*/


/* -------------------->>> RESET <<<---------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:400;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

table{
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
	text-align:left;
}

table, td, th{
	vertical-align:middle;
}

blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}

blockquote, q{
	quotes:"" "";
}

a img{
	border:none;
}
a:focus { outline:none; }

/* -------------------->>> GLOBAL <<<---------------------*/
/* ---------->>> Body <<<----------*/
body{
	font:85%/1.6em Arial, Helvetica, sans-serif;
	color:#282323;
	background:#8a1014 url('../imagenes/bg.png') no-repeat center top;
}

/* ---------->>> Text <<<----------*/
h1{
	font:2.8em/1.2em Arial, Helvetica, sans-serif;
}

h2{
	margin-top:20px;
	font:2em/1.2em Arial, Helvetica, sans-serif;
	clear:both;
	height:29px;
	text-indent:-9999px;
}

h3{
	margin-top:1.5em;
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	clear:both;
	height:25px;
	text-indent:-9999px;
}

h4{
	margin-top:1em;
	font:bold 1.0em/1.2em Arial, Helvetica, sans-serif;
	clear:both;
	height:21px;
	text-indent:-9999px;
}

p{
	padding-top:1.5em;
}

acronym, abbr{
	border-bottom:1px dotted #ACD632;
	cursor:help;
}

strong, strong acronym, strong abbr{
	font-weight:bold;
}

ul, ol{
	list-style:none;
}


pre{
	padding:1em;
	background:#f5f5f5;
	border:1px solid #dadada;
}

code{
	font:.9em/1.4em Consolas,Monaco,"Courier New",Courier,monospace;
}
em {font-style:italic;}
/* ---------->>> Links <<<----------*/
::-moz-selection {
	background:#fba01c;
	color:#000;
}

::selection {
	background:#fba01c;
	color:#000;
}

a{
	text-decoration:none;
	color:#8a1014;
}

a::-moz-selection {
	background:#ccc;
	color:#000;
}
a::selection {
	background:#ccc;
	color:#000;
}

a:hover, a:focus{
	text-decoration:none;
	color:#e54e15;
}

a abbr, a acronym{
	border-bottom:none;
	cursor:pointer;
}
/* -------------------->>> STRUCTURE <<<---------------------*/
/* ---------->>> Container <<<----------*/
#container{
	width:999px;
	margin:0 auto;
}
/* ---------->>> Header <<<----------*/
#header {
	width:999px;
	height:364px;
	margin-top:40px;
	background:transparent url('../imagenes/header-bg.png') no-repeat left bottom;
	position:relative;
	clear:both;
}
#header h1 a {
	width:313px;
	height:351px;
	display:block;
	background:transparent url('../imagenes/keyvisual.png') no-repeat left top;
	text-indent:-9999px;
}
#header ul {float:right;position:absolute;top:98px;right:0;}
#header ul li {float:left;}
#header ul li a {text-indent:-9999px;height:20px;display:block;float:left;margin:0 9px;}
#header ul li a.inicio:hover, #header ul li a.concurso:hover, #header ul li a.descargas:hover, #header ul li a.spots:hover, body#inicio #header ul li a.inicio, body#concurso #header ul li a.concurso, body#descargas #header ul li a.descargas, body#spots #header ul li a.spots {background-position:left -24px;}
#header ul li a.inicio {width:62px;background:transparent url('../imagenes/inicio.png') no-repeat left top;}
#header ul li a.concurso {width:103px;background:transparent url('../imagenes/concurso.png') no-repeat left top;}
#header ul li a.descargas {width:115px;background:transparent url('../imagenes/descargas.png') no-repeat left top;}
#header ul li a.spots {width:173px;background:transparent url('../imagenes/spots-de-chuck.png') no-repeat left top;}
#chupachups {
	width:306px;
	height:139px;
	background:transparent url('../imagenes/chupachups.png') no-repeat left top;
	position:absolute;
	top:200px;
	right:28px;
}
/* ---------->>> Content <<<----------*/
#content {
	float:left;
	width:969px;
	background:url('../imagenes/content-bg.png') repeat-y left top;
	padding:0 0 0 30px;
}
#content-bottom {
	float:left;
	width:999px;
	height:39px;
	margin-bottom:3em;
	background:url('../imagenes/content-bg-bottom.png') no-repeat left top;
}
#main {
	float:left;
	width:654px;
	margin:0 0 0 0;
}
#main ul, #main ol {
	padding-top:1.5em;
}
#main ul li {}
/* ---------->>> Sidebar <<<----------*/
#sidebar {
	float:right;
	width:255px;
	margin:0 30px 0 15px;
}
#manifiesto {
	width:254px;
	height:110px;
	background:url('../imagenes/manifiesto.png') no-repeat left top;
}
#sidebar-top {
	width:254px;
	height:110px;
	background:url('../imagenes/sidebar-top.png') no-repeat left top;
}
#sidebar-content {
	width:218px;
	background:url('../imagenes/sidebar-bg.png') repeat-y left top;
	padding:0 18px;
}
#sidebar-bottom {
	width:254px;
	height:48px;
	background:url('../imagenes/sidebar-bottom.png') no-repeat left top;
}
#sidebar ul {margin:0 0 0 0;}
#sidebar ul li {
	position:relative;
	padding:0 0 1em .5em;
}
#sidebar ul li img {position:absolute;left:-28px;}
#sidebar-content ul li ul {margin:1em 0 0 2em;}
#sidebar-content ul li a{font-weight:bold;font-style:italic;color:#282323;}
#sidebar-content ul#fsize li a {font-size:1.2em;}

#sidebar ul#challenge {margin:7em 0 0 0;}
#sidebar ul#challenge li {margin:0 0 0 0;padding:0 0 0 0;}
#sidebar ul#challenge li a {
	background:url('../imagenes/li-bg.png') no-repeat left top;
	width:255px;
	height:39px;
	margin-bottom:14px;
	padding:7px 0 0 9px;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	color:#282323;
}

/* ---------->>> Footer <<<----------*/
#footer {
	clear:both;
	height:181px;
	border-bottom:5px solid #488cbc;
	font-size:.85em;
}
#footer-in {
	width:999px;
	margin:0 auto;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}
#footer-in p {float:left;padding-top:0;}
#footer-in ul {float:right;}
#footer-in ul li {display:block;float:left;}
#footer-in ul li a {color:#fff;margin:0 0 0 .5em;padding:0 .5em 0 0;border-right:1px solid #fff;}
#footer-in ul li a.nobor {border:none;}



/* -------------------->>> Login <<<---------------------*/
#login {
	position:absolute;
	top:0.3em;
	right:0;
	height:29px;
	color:#8a1014;
	font-size:.9em;
	z-index:1;
}
#login label {
	float:left;
	color:#fff;
	font-weight:bold;
}
#login input {
	display:block;
	float:left;
	margin:0 .3em;
	padding:0.2em 1em 0 .4em;
	width:100px;
	height:29px;
	background:url('../imagenes/input.png') no-repeat left top;
	border:none;
}
#login input#btn_login {
	width:65px;
	height:29px;
	background:none;
	border:none;
	padding:0;
}

/* -------------------->>> Wallpapers <<<---------------------*/
ul#chuckpapers li, ul.emotichucks li {float:left;margin:0 7px 14px 7px;}

/* -------------------->>> Clases <<<---------------------*/
.cl_left {width:300px;float:left;}
.cl_right {width:300px;float:right;padding-right:0px;}

.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}

#index-banners {margin:0 0 0 0;padding:0 0 0 0;}
#index-left {width:320px;float:left;padding-right:14px;}
#index-right {width:320px;float:left;}

.left {float:left;}
.right {float:right;}

#add {
	width:999px;
	display:block;
}
#add a {margin-left:20px;}

.d1 {display:block;float:left;width:8px;height:30px;background:url('../imagenes/span.png') no-repeat left top;}
.d2 {display:block;float:left;width:8px;height:30px;background:url('../imagenes/span-end.png') no-repeat left top;}
.dw {display:block;float:left;width:auto;height:30px;background:url('../imagenes/span-middle.png') repeat-x left top;padding:0 .4em 0 0;}

#sales-foto {
	float:right;
	display:block;
	width:173px;
	height:59px;
	background:url('../imagenes/sales-foto.png') no-repeat left top;
	text-indent:-9999px;
}
#sales-foto a {display:block;width:173px;height:59px;}

ul#concurso {}
ul#concurso li {display:inline;padding:0 2em;}

.curved {
	border-radius: 16px; /*propiedad CSS3*/
	-ms-border-radius: 16px; /*para IE 8*/
	-moz-border-radius:16px; /*Firefox*/
	-webkit-border-radius: 16px; /*WebKit y Safari*/
	-khtml-border-radius: 16px;
	width:500px;
	height:200px;
	border:5px solid #0F0;
}

#spots-player{
	margin: 1.5em 0 0 40px;
	width: 850px;
}
#spots-share{
	margin: 0 0 0 40px;
	width:750px;
	background-color:#1c1c1c;
	text-align:right;
}

#spots-share ul {margin:0 0.5em 0 0;padding:.5em 0 0 0;}
#spots-share ul li {display:inline;padding:0 0.2em;}

/* -------------------->>> Titles <<<---------------------*/
h2#h2descargas {
	width:153px;
	background:url('../imagenes/h2-descargas.png') no-repeat left top;	
}
h2#spots {
	width:227px;
	background:url('../imagenes/h2-spots.png') no-repeat left top;	
}
h2#spots-tv {
	width:122px;
	background:url('../imagenes/txt-spots-tv.png') no-repeat left top;	
}
h2#concurso {
	width:381px;
	height:149px;
	background:url('../imagenes/h2-concurso.png') no-repeat left top;	
}
h2#chuckea-foto {
	width:210px;
	background:url('../imagenes/h2-chuckea-foto.png') no-repeat left top;	
}
h2#chuckea-video {
	width:249px;
	background:url('../imagenes/h2-chuckea-video.png') no-repeat left top;	
}
h2#pasaporte {
	width:229px;
	background:url('../imagenes/txt-pasaporte-chuck.png') no-repeat left top;	
}
h2#galeria {
	width:343px;
	background:url('../imagenes/h2-galeria.png') no-repeat left top;	
}
h2#chuckea {
	width:118px;
	background:url('../imagenes/h2-chuckea.png') no-repeat left top;	
}
h2#bases {
	width:83px;
	background:url('../imagenes/h2-bases.png') no-repeat left top;	
}
h2#politica_privacidad {
	width:314px;
	background:url('../imagenes/h2-politica-de-privacidad.png') no-repeat left top;	
}
h2#aviso_legal {
	width:167px;
	background:url('../imagenes/h2-aviso-legal.png') no-repeat left top;	
}
h2#contacto {
	width:133px;
	background:url('../imagenes/h2-contacto.png') no-repeat left top;	
}
h3#emotichucks {
	width:140px;
	background:url('../imagenes/txt-emotichucks.png') no-repeat left top;		
}
h3#h3chuckpapers {
	width:142px;
	background:url('../imagenes/txt-chuckpapers.png') no-repeat left top;		
}
h3#premios {
	width:88px;
	background:url('../imagenes/h3-premios.png') no-repeat left top;		
}
h3#album {
	width:164px;
	background:url('../imagenes/chuckalbum.png') no-repeat left top;		
}
h4#finde {
	width:300px;
	height:64px;
	background:url('../imagenes/h4-finde-semana.png') no-repeat left top;		
}
h4#conviertete{
	width:257px;
	height:64px;
	background:url('../imagenes/h4-conviertete.png') no-repeat left top;		
}

h2#ganadores {
	width:381px;
	height:40px;
	background:url('../imagenes/h2-ganadores.png') no-repeat left top;	
}
/* -------------------->>> Listas <<<---------------------*/
ul.icon li {background:url('../imagenes/ul.gif') no-repeat left .7em;padding:0 0 0 .8em;}
ul.galeria {clear:both;}
ul.galeria li {
	float:left;
	width:150px;
	margin:1em 50px 0 0;
}
ul.galeria li  p {padding:0;}
ul.galeria li a img {border:6px solid #fb9c3d;}
ul.galeria li a img:hover {border:6px solid #750013;}
ul.galeria li a img.noborder, ul.galeria li a img.noborder:hover {border:none;position:relative;top:3px;}


/* -------------------->>> Form <<<---------------------*/
#formulario form{
	width:45em;
	margin-top:1.5em;
	padding-top:1em;
}
#formulario form#form_foto {width:8em;}
#formulario form li{
	display:block;
	clear:both;
	width:45em;
	margin:0 0 .6em 0;
	padding:0 !important;
	list-style:none;
	background:none !important;
}

#formulario form li span{
	font:.9em/1.6em Arial, Helvetica, sans-serif;
	width:7em;
	float:left;
}

#formulario form legend{
	display:none;
}

#formulario form fieldset{
	border:none;
}

#formulario form label{
	display:block;
	clear:both;
	width:45em;
}

#formulario form input, #formulario form textarea{
	width:44em;
	padding:.5em;
	font:1em/1.6em Arial, Helvetica, sans-serif;
	color:#999;
	background:#fff;
	border:1px solid #FFAB42;
}
#formulario form textarea#guardar, #formulario form input#newsletter, #formulario form input#aceptabaseslegales, #formulario form #guardar {width:5em;} {width:5em;}
#formulario form input:focus, #formulario form textarea:focus{
	color:#333;
	background:#FAFAFA;
	border:1px solid #8A1014;
}

#formulario form #btn_registrar, #formulario form #btn_cancelar, #formulario form#form_foto #editar {
	width:auto;
	padding:.4em .4em;
	font:1.2em/1em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#8a1014;
	background:#ffab42;
	border:none;
	cursor:pointer;
	border:none;
}

#formulario form .two_columns{
	display:block;
	clear:left;
	float:left;
	width:21.5em;
}
#formulario form .two_columnsc {	
	display:block;
	clear:both;
	float:left;
	width:21.5em;
}
#formulario form .two_columns.right{
	float:right;
	clear:none;
}

#formulario form .two_columns input{
	width:20.5em;
	padding:.5em;
}

#formulario form select {
	margin:0;
	padding:.5em;
	background:#fff;
}
/* -------------------->>> Input examinar<<<---------------------*/
.SI-FILES-STYLIZED label.cabinet
{
	width: 105px;
	height: 100px;
	background: url('../imagenes/sube-foto.png') 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#formulario form label.cabinet input {width:auto;cursor:pointer;}

/* -------------------->>> Chuckea tu foto <<<---------------------*/
#foto {margin-top:1.5em;}
#loader-image {border:6px solid #FB9C3D;}
#chuckcaretos {width:12em;float:right;height:480px;}
#chuckcaretos div#bloque1, #chuckcaretos div#bloque2, #chuckcaretos div#bloque3,#chuckcaretos div#bloque4,{ float: right; width:12em;}
#chuckcaretos img#img_careto1, #chuckcaretos img#img_careto2, #chuckcaretos img#img_careto3, #chuckcaretos img#img_careto4, #chuckcaretos img#img_careto5 {position:absolute; top:550px;/*left:658px;*/}

#chuckcaretos img#img_careto6, #chuckcaretos img#img_careto7, #chuckcaretos img#img_careto8, #chuckcaretos img#img_careto9, #chuckcaretos img#img_careto10 {position:absolute;top:630px;/*left:650px;*/}
#chuckcaretos img#img_careto11, #chuckcaretos img#img_careto12, #chuckcaretos img#img_careto13, #chuckcaretos img#img_careto14, #chuckcaretos img#img_careto15 {position:absolute;top:750px;/*left:675px;*/}
#chuckcaretos img#img_careto16, #chuckcaretos img#img_careto17, #chuckcaretos img#img_careto18, #chuckcaretos img#img_careto19, #chuckcaretos img#img_careto20 {position:absolute;top:860px;/*left:665px;*/}

.tabulacion{
	margin-left: 50px;
}