/*
© 2010
DIMELO TU
Creacion 03 / 02 / 10
MAYO DRAFT
*/

/*======== ESTILOS BASICOS ========*/
* { margin:0; padding:0;}
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; background:url(../images/html/fnd.png) 0 0 repeat-x #FF6237;}
img { border:none;}
:focus {outline: none;}

.globo { position:absolute; top:20px; left:50%; z-index:1; margin-left:6px; }

/*======== HEADER ========*/
#header { width:100%; height:85px; margin:0 auto; background:url(../images/html/textura_header.jpg) center 0 repeat;}
#header .info { width:960px; margin:0 auto;}
#header .info .logo { float:left; padding:7px 0 0 0;}
#header .info .menu { float:right; height:85px; }
#header .info .menu li { float:left; list-style:none; padding-left:14px;}
#header .info .menu li a { color:#FFF; font-weight:bold; text-decoration:none; margin-top:60px;float:left;}
#header .info .menu li a:hover { text-decoration:underline; color:#F9E84B;}

/*======== CONTENIDO ========*/
#contenido { width:960px; height:518px; margin:0 auto;}
#contenido h1#decir {background:url(../images/html/h1_decir_te_quiero.png) 0 0 no-repeat; width:459px; height:35px; margin:15px 0 15px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido h1#que_es {background:url(../images/html/h1_que_es.png) 0 0 no-repeat; width:215px; height:36px; margin:15px 0 15px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido p { color:#FF6137; line-height: 18px; }
#contenido p.explicacion { font-size:14px;}
#contenido a {color:#FF6137; text-decoration:underline; font-weight:bold;}
#contenido a:hover {color:#C93D00; text-decoration:underline;}
/* izquierda */
#contenido .columna_izquierda { float:left; width:480px; background:url(../images/html/fnd_col_izq.jpg) right 139px no-repeat;}
#contenido .columna_izquierda .video { float:left; width:400px; height:300px; padding:28px 0 0 28px;}
#contenido .columna_izquierda .que_es { float:left; width:420px; height:362px; padding:20px; background:url(../images/html/fnd_que_es.png) no-repeat 0 0;}
#contenido .columna_izquierda .que_es p{ color:#B33600; line-height: 19px;}
/* derecha */
#contenido .columna_derecha { float:left; width:480px; background:url(../images/html/fnd_formulario_general.jpg) 0 1px no-repeat;}
#contenido .columna_derecha h2 {background:url(../images/html/h2.png) 0 0 no-repeat; width:287px; height:32px; margin:150px 0 0 42px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido .columna_derecha .formulario { float:left; padding:20px 0 0 0; width:324px;}
#contenido .columna_derecha .formulario .validacion { width:44px; float:left; text-align:center;}
#contenido .columna_derecha .formulario label { width:280px; float:left; padding:0 0 2px 44px; color:#C93D00; font-weight:bold; }
#contenido .columna_derecha .formulario label small { color:#FC824E; font-size:10px;}
#contenido .columna_derecha .formulario input { width:272px; height:18px; padding:2px; float:left; border:2px #F2C1B8 solid; margin:0 0 10px 0; color:#666;}
input:focus{ background:#FAD7C4!important;}
#contenido .columna_derecha .formulario select { width:280px; height:24px; padding:2px; float:left; border:2px #F2C1B8 solid; margin:0 0 10px 0; color:#666; font-size:12px;}
#contenido .columna_derecha .formulario .boton { width:280px; float:left; padding:0 0 2px 44px;}
#contenido .columna_derecha .formulario .boton a { background:url(../images/botones/hacerla_feliz.jpg) 0 0 no-repeat; width:195px; height:39px; margin:0 0 0 46px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido .columna_derecha .formulario .boton a:focus { background:url(../images/botones/hacerla_feliz.jpg) 0 -39px no-repeat!important;}
#contenido .columna_derecha .formulario .boton a:hover { background:url(../images/botones/hacerla_feliz.jpg) 0 -39px no-repeat;}
#contenido .columna_derecha .formulario_enviado {float:left; padding:40px 30px 0 60px; width:270px; height:222px; background:url(../images/html/fnd_mensaje_repuesta.png) 15px 30px no-repeat ;}
#contenido .columna_derecha .formulario_enviado h3{ color:#B33600; font-size:26px; font-weight:bold; padding-bottom:10px;}
#contenido .columna_derecha .formulario_enviado p{ color:#B33600;}
#contenido .columna_derecha .formulario_enviado p#hotmail {color:#fff; background:url(../images/html/fnd_advertencia.png) 0 0 no-repeat ; font-size:10px; line-height:13px; width:239px; height:51px; padding:25px 4px 4px 8px; margin-top:5px;}
#contenido .columna_derecha .formulario_enviado a{ color:#EC6900;}

/*======== FOOTER ========*/
#footer { width:960px; height:132px; margin:0 auto; color:#FFF;}
#footer li { list-style:none; float:left; padding:0 4px 0 0;}
#footer .redes_sociales { width:243px; height:134px; float:left; background:url(../images/html/separador_footer.png) right center no-repeat;}
#footer .redes_sociales p { padding:30px 0 10px 0;}
#footer .twitter { width:243px; height:90px; float:left; background:url(../images/html/separador_footer.png) right center no-repeat; padding:46px 44px 0 78px; }
#footer .twitter ul{margin-top: 4px;}
#footer .twitter li { height:45px;}
#footer .twitter li img{ float: left; padding: 4px;}
#footer .twitter span { color:#FFE900;}
#footer .twitter strong { background:url(../images/html/pajaro.png) no-repeat 0 0; padding:20px 0 0 36px;}
#footer .twitter a { text-decoration:underline; color:#FFF;}
#footer .twitter a:hover { color:#FFE900;}
#footer .cancelar { width:230px; height:86px; float:left; background:url(../images/html/cabeza_mujer.png) no-repeat 30px 30px; padding:46px 0 0 90px; }
#footer .cancelar .campos { float:left; width:147px; padding-top:6px;}
#footer .cancelar .campos input { width:137px; height:13px; border:1px solid #E23000; float:left; padding:2px; font-size:10px; color:#797979;}
#footer .cancelar .boton { float:left; width:82px;padding-top:6px;}
#footer .cancelar .boton a {background:url(../images/botones/cancelar_ternura.png) 0 0 no-repeat; width:82px; height:38px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#footer .cancelar .boton a:hover {background:url(../images/botones/cancelar_ternura.png) 0 -38px no-repeat; }

#resultados, #resultadosc{ text-align: center; font-size: 11px; padding: 2px 0;}
#resultadosc{ font-size: 11px; color:#FFE900;}