@charset "utf-8";



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
input, label, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	outline:0;
}

article, aside, dialog, figure,
footer, header, hgroup, nav, section {
	display: block;
}






body{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	
	background-color:#FFF;
}

header:after, nav:after, .content:after, 
#envia_video:after, #formulario_video:after, 
.marco_gris:after, .duda:after, footer:after,
#header:after{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
}

header, nav, #promo{
	margin-left:45px;
}

h2{
	font-family:'GeoSlab703MdBTMedium';
	font-size:1.58em;
}

h3{
	font-family:'GeoSlab703MdBTMedium';
	font-size:1.33em;
}

h5{
	font:Arial, sans-serif;
	font-size:1em;
	
	margin-bottom:5px;
}

a{
	color:#000;
	font-weight:bold;
}



#main{
	position:relative;
	width:930px;
	
	margin:0 auto;
	padding:0;
}

#header{
	position:fixed;
	width:935px;
	height:175px;
	
	background:#FFF;
	
	z-index:100;
}

header{
	position:relative;
	width:885px;
	
	border-top:6px solid #7f7f7f;
	background:url(../images/cabecera.gif) 250px top no-repeat;
}

nav{
	position:relative;
	width:885px;
	
	clear:both;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
	margin-top:15px;
	margin-bottom:15px;
}

#sections{
	position:relative;
	top:185px;
}

#promo{
	position:relative;
	width:885px;
}

#planamigo{
	position:relative;
	width:930px;
}

#ideas .content, #dudas .content{
	padding-top:0;
}

footer{
	position:relative;
	width:885px;
	
	margin:5px 0 0 45px;
	padding:20px 0;
	
	border-top:15px solid #272727;
}

#ver-video{
	position:relative;
	margin-top:30px;
}

#promo, #planamigo, #ideas,
#contacto, #dudas{
	padding-top:5px;
}



header h1{
	position:relative;
	width:250px;
	height:121px;
	
	float:left;
}



nav ul{
	font-family:'GeoSlab703MdBTBold';
	font-size:1.4em;
	
	list-style:none;
}

nav ul li{
	float:left;
	padding:5px 10px;
}

nav ul li a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

nav ul li a:hover{
	color:#ffba00;
}



.col_1{
	position:relative;
	clear:both;
}

div.content{
	position:relative;
	
	width:855px;
	margin-left:45px;
	
	padding:15px;
}

div.content li, #envia_video li{
	list-style-position:inside;
	margin-bottom:5px;
}

.col_2{
	position:relative;
	
	width:410px;
	float:left;
}

.col_2 h2{
	margin:10px 0;
}

ul.col_cierre{
	position:relative;
}

ul.tabla{
	position:relative;
	
	width:410px;
	height:75px;
	
	padding:5px 0;
	
	border-bottom:2px dotted #000;
}

ul.tabla li{
	list-style:none;
	float:left;
	
	padding:0 5px;
}

li.tabla_1{
	width:70px;
	height:75px;
}

li.tabla_2{
	width:115px;
	height:75px;
}

li.tabla_3{
	width:320px;
	height:75px;
}

li.tabla_2 p{
	font-size:0.91em;
	margin-top:20px;
}

li.tabla_3 p{
	font-size:0.91em;
	width:115px;
	margin-top:20px;
}

.font_tabla{
	font-size:19px;
	
	text-align:left;
	line-height:75px;
}

.font_left{
	font-size:19px;
	
	line-height:75px;
}

span.font_big{
	font-family:'GeoSlab703MdBTBold';
	font-size:29px;
}

span.ipad{
	position:relative;
	float:right;
	
	width:45px;
	height:75px;
	
	background:url(../images/ipad.png) left top no-repeat;
}

.col_3{
	position:relative;
	width:267px;
	
	float:left;
	margin-top:20px;
	margin-left:7px;
	margin-right:7px;
}

.col_3 h3{
	border-bottom:1px solid #000;
	height:30px;
	line-height:30px;
}



#envia_video{
	position:relative;
	
	width:849px;
	margin-left:45px;
	
	padding:15px;
	
	background-color:#ffba00;
	border-left:3px solid #000;
	border-right:3px solid #000;
}

#envia_video h2{
	position:relative;
	width:560px;
	
	float:left;
}

#envia_video h4{
	position:relative;
	width:65px;
	height:20px;
	
	font-family:'GeoSlab703MdBTBold';
	
	float:right;
}

#envia_video p.clear{
	clear:both;
	float:left;
	
	width:849px;
}

div.border_video{
	height:10px;
	width:885px;
	
	margin-left:45px;
	margin-top:-5px;
}

.video_colum{
	width:350px;
	float:left;
	
	padding:0 8px;
}

.form_colum, #formulario_video{
	width:460px;
	float:left;
	
	padding:0 8px;
}

#videoContainer {
    height: 249px;
    position: relative;
    width: 346px;
}

#subtitleContainer  {
	position:relative;
	
	width:346px;
	height:60px;
	
	font-size: 15px;
	text-align: center;
	font-family: Arial,sans-serif;
	
	color:#000; 
}

.btn_compartir a{
	display:block;
	width:83px;
	height:21px;
	
	text-indent:-9999px;
	
	background:url(../images/sprite.png) left -50px no-repeat;
}

#formulario_video{
	position:relative;
	width:460px;
	
	margin:5px 0 15px;
}

#friendForm label{
	font-weight:bold;
	display:block;
	
	width:150px;
	height:20px;
	
	float:left;
}

#friendForm p input{
	height:20px;
	float:left;
	
	width:305px;
}

#formulario_video p{
	position:relative;
	height:20px;
	line-height:20px;
}

#btnSend{
	float:right;
}



.marco_gris{
	position:relative;
	
	width:849px;
	margin-left:45px;
	
	padding:15px;
	
	background-color:#d6d6d6;
	border-left:3px solid #000;
	border-right:3px solid #000;
}

div.marco_contacto{
	height:10px;
	width:885px;
	
	margin-left:45px;
	
	margin-top:-5px;
}

.opcion_letra{
	position:relative;
	width:60px;
	height:60px;
	
	text-align:center;
	line-height:60px;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:39px;
	
	margin-right:5px;
	
	float:left;
	background:url(../images/bullet_opc.png) left top no-repeat;
}

.col_2 .opc_contenido{
	position:relative;
	width:325px;
	
	float:left;
}

#form_datos fieldset{
	position: relative;
	width:240px;
	height:130px;
	float:left;
	padding:0 10px;
	display:block;
}

#datosb fieldset{
	position:relative;
	width:240px;
	height:90px;
	
	float:left;
	
	padding:0 10px;
}


#form_llamadme p{
	font-size:0.92em;
}

#form_llamadme a, #form_datos a{
	font-size:0.75em;
}

#form_datos p{
	margin:5px 0;
	font-size:0.92em;
}

#datos label{
	display:block;
	width:100px;
	float:left;
	height:15px;
	line-height:15px;
}

#datos input{
	width:125px;
}

#linea{
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#enviar{
	position:relative;
	
	float:right;
	
	margin-top:10px;
}



.numero{
	position:relative;
	width:29px;
	height:29px;
	
	text-align:center;
	line-height:29px;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:1.58em;
	
	margin-right:5px;
	
	float:left;
	background:url(../images/bullet_dudas.png) left top no-repeat;
}

.duda{
	position:relative;
	
	width:820px;
	float:left;
	
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}

.pregunta{
	position:relative;
	width:820px;
	height:29px;
	line-height:29px;
	
	font-weight:bold;
	cursor:pointer;
}

.respuesta{
	position:relative;
	width:820px;
}



.video_titular{
	margin-top:60px;
	font-size:1.5em;
	
	font-weight:normal;
}

.btn_enviaVideo{
	margin-top:55px;
	margin-bottom:55px;
}



footer div{
	width:250px;
}

footer div.aviso{
	float:left;
}

footer div.condiciones{
	float:right;
	text-align:right;
}



ul.redes{
	position:relative;
	width:76px;
	height:22px;
	
	float:right;
}

ul.redes li{
	list-style:none;
	float:left;
	
	width:22px;
	height:22px;
}

ul.redes li a{
	display:block;
	width:22px;
	height:22px;
	
	text-indent:-9999px;
}

.sprite_fb{
	background:url(../images/sprite.png) -150px top no-repeat;
}

.sprite_twitter{
	background:url(../images/sprite.png) -179px top no-repeat;
	margin:0 5px;
}

.sprite_google{
	background:url(../images/sprite.png) -207px top no-repeat;
}

.selected{
	color:#ffba00;
	text-decoration:none;
	font-weight:normal;
}

.titular{
	position:relative;
	width:930px;
	height:30px;
	
	margin:20px 0;
}

span.numeracion{
	font-family:'GeoSlab703MdBTBold';
	font-size:2.83em;
	line-height:30px;
	
	width:45px;
	height:30px;
	
	margin:0;
	padding:0;
	
	float:left;
}

div.puntos{
	position:relative;
	width:885px;
	height:30px;
	
	float:left;
	
	border-top:1px dashed #7f7f7f;
	border-bottom:1px dashed #7f7f7f;
}

div.puntos h2{
	position:relative;
	width:815px;
	height:30px;
	
	line-height:30px;
	
	color:#7f7f7f;
	
	margin:0;
	padding:0;
	
	float:left;
}

div.subir{
	position:relative;
	width:65px;
	height:30px;
	
	float:left;
}

div.subir a{
	position:relative;
	display:block;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:1.16em;
	line-height:30px;
	
	height:30px;
	
	color:#000;
	
	background:url(../images/arrow_up.png) 48px 8px no-repeat;
}

.bg_gris{
	background-color:#d6d6d6;
}

.separador{
	border-right:1px solid #000;
	margin-right:15px;
	padding-right:15px;
}

.cursiva{
	font-style:italic;
	font-size:0.92em;
	font-weight:bold;
	
	height:20px;
	line-height:20px;
	
	border-bottom:1px dashed #000;
}

.btn_accion, #btnPrev, #btnSend{
	font-family:'GeoSlab703MdBTBold';
	font-size:1.17em;
	line-height:30px;
	
	height:30px;
}

.btn_accion img, #btnPrev img, #btnSend img{
	position:relative;
	top:4px;
	left:5px;
}

.marginLeft{
	margin-left:45px;
}

.fondo_blanco{
	padding:2px 5px;
	background-color:#fff;
	color:#ffba00;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:1.8em;
}

.fondo_amarillo{
	padding:2px 5px;
	background-color:#ffba00;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:1.8em;
}

.fontSmall{
	font-size:0.75em;
}

.font_middle{
	font-size:0.91em;
}

.punteado{
	border-top:1px dashed #7f7f7f;
	border-bottom:1px dashed #7f7f7f;
}

.btn_enviaVideo{
	position:relative;
	
	font-family:'GeoSlab703MdBTBold';
	font-size:1.17em;
	font-weight:normal;
	
	width:190px;
	
	background:url(../images/arrow_right_yellow.png) right top no-repeat;
}
	


#formulario li .form_datos{
	width:550px;
	float:left;
	}
	
#formulario li .form_datos input{
	float:left;
	margin-right:5px;
}
#formulario li .form_datos .btn_llamar{
	float:left;
	margin-left:15px;
}


#formulario #form_tellamamos fieldset{
	position:relative;
	width:275px;
	height:90px;
	display:block;
	
	padding-left:10px;
	font-size:12px;
	
	float:left;
	border-right:1px solid #000;
}

#formDireccion {margin-top: -130px; margin-left: 590px;}