﻿* { padding:0; margin:0; }

html, body 
{
	width:100%;
	height: 100%;
}
	
body{
	background:#000;
	font-family:'TelefonicaTextRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size:68.75%;
	text-align:center;
}

/*// Globals //*/
a, input.boton { outline:none; }
a img { border:0; }
a { text-decoration:none; color:#5dcde9; }

p { margin:10px 0 10px 0; }

ul { list-style:none; }

h1 
{
	font-family:'TelefonicaHeadlineLightRegula', Verdana;	
	font-size:50px;
	color:#00517c;
	padding-left:0px;
	margin-left:0px;
	text-indent:-3px;
}

h2 
{
	font-family:'TelefonicaTextRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#555555;
}

h3 
{ 
    font:30px 'TelefonicaTextRegular', Verdana, Arial, Helvetica, sans-serif !important;
	color:#555555 !important;
}

h3, h4 { margin:0; }

.clear { clear:both; }
.clearFloat { clear:both; }

/*// Dom //*/
.wrap 
{
    width:100%;
	background:url(../images/background.jpg) top no-repeat;
}

#main 
{
    width:inherit;
	background:url(../images/bgd_cabecera.png) top no-repeat;
}

/*// Header //*/
#container
{
	width:925px;
	position:relative;
	margin:0 auto;
	text-align:left;
	z-index:4;
}

#container #header
{
	width:inherit;
}

#container #header #logo 
{
	width:203px;
	height:70px;
	background: url(../images/lgo_telefonica_main.gif) no-repeat;
	margin:55px 0 0 0; 
	float:left;
}
	
/*// Header: Menu //*/
#header #navigation 
{
	width:500px;
	float:right;
}

#header #navigation ul 
{
	list-style:none;
	margin:80px 0 0 0;
	font-size:20px;
	letter-spacing:-0.5pt;
}

#header #navigation ul li 
{
	display:block;
	width:auto;
	padding:0 10px 0 10px;
	background:url(../images/bgd_sepnavinf.gif) right no-repeat;
	float:right;
	color:#FFF;
}

#header #navigation ul li.final 
{
	background:none;
}

#header #navigation ul li a:hover 
{ 
	color:#FFF;
}

/*// Header: Buscador //*/
#header #Buscador
{
	width:auto;
	height:auto;
	position:absolute; 
	top:10px; 
	right:40px;
	color:#fff;
	font:11px Arial, Verdana;
	z-index:1;
}

#header #Buscador input.search
{
	width:173px;
	height:18px;
	padding:2px 0 0 5px;
	background:url(../images/bg-Buscador.png);
	border:none;
	color:#ccc;
}

#Buscador .btnSearch 
{
	position:absolute;
	top:0;
	right:-30px;
}

/*// Header: Telefonica Mundo //*/
#telefonicaMundo 
{
	width:auto;
	height:auto;
	position:absolute; 
	top:0; 
	left:220px;
	color:#5dcde9;
	font:1em Verdana;
	z-index:2;
}

#telefonicaMundo ul 
{
	margin:0;
	padding:0;
	list-style:none;
}

#telefonicaMundo .capa 
{
	float:left;
}

#telefonicaMundo #capaMarcas
{
	width:100px;
	position:relative;
	padding:0 35px 0 15px; 
}

#telefonicaMundo #capaPresencia
{
	width:105px;
	position:relative; 
	padding:0 0 0 15px;
}

#telefonicaMundo .capa div.sector
{
	background:url(../images/ico_flecha01.png) no-repeat bottom right;
	cursor:pointer;
	z-index:3;
}

#telefonicaMundo #capaMarcas div.sector
{
	width:100px;
	height:auto;
	padding:10px 15px 0 0;
	position:relative;
	margin:auto;
	line-height:9px;
}

#telefonicaMundo #capaPresencia div.sector
{
	width:110px;
	height:auto;
	padding:10px 15px 0 0;
	position:relative;
	margin:auto;
	line-height:9px;
}

#telefonicaMundo .capa div.sector:hover
{
	background:url(../images/ico_flecha01up_on.png) no-repeat bottom right;
	color:#fff;
	cursor:pointer;
}

#telefonicaMundo .capa div.sectorInfo
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#capaMarcas div.sectorInfo
{
	width:150px;
	height:100px;
	padding-top:30px;
	background:url(../images/bg-Logos.png) repeat-x;
}

#capaMarcas div.sectorInfo ul li a
{
	display:block;
	width:inherit;
	height:60px;	
}

#capaPresencia div.sectorInfo 
{
	width:642px;
	height:187px;
	padding:30px 0 0 20px;
	background:url(../images/bg-Paises.png) repeat-x;
	float:left;
}

#capaPresencia div.sectorInfo .paises 
{
	width:420px;
}

#capaPresencia div.sectorInfo .paises li 
{
	width:120px;
	margin-right:20px;
	float:left;
	font:16px 'TelefonicaTextRegular', Verdana, Geneva, sans-serif;
}

#capaPresencia div.sectorInfo .paises li a:hover
{
	text-decoration:underline;
}

#capaPresencia div.sectorInfo .paises ul ul 
{
	display:none;
	width:222px;
	height:auto;
	position:absolute;
	top:30px;
	right:0;
}

#capaPresencia div.sectorInfo .paises ul ul li
{
	width:100px;
	padding-left:24px;
	font:22px 'TelefonicaTextRegular', Verdana, Geneva, sans-serif;
	float:none;
	background:url(../images/blt_flechaAr01.png) no-repeat;
}

/*// Container 
// Propiedades generales de la clase container
Se agregaran propiedades de pendiendo de la seccion
//*/
.container
{
	position:relative;
	z-index:3;
	text-align:left;
}

/*// Container: Main title //*/
.container #mainTitle 
{
	width:895px;
	position:relative;
	margin:0 auto;
}

.container #mainTitle p 
{
	margin:10px 0;
	padding:0 0 14px 0; 
}

.container #mainTitle h1.home 
{
	font-size:42px;
	margin:131px 0 0 0;
}

.container #mainTitle p.home {
	font-size:20px; 
}

.container #mainTitle p.home a {
	text-decoration:underline;	
}

.container #mainTitle p.content {
	font:19px 'TelefonicaHeadlineLightRegula', Verdana;
}

.container #mainTitle p span {
	color:#259dcd;
}

.container #mainTitle span.break {
	display:block;
	width:100%;
	height:1px;
	background:url(../images/separador.png) repeat-x;
}

.container #mainTitle,
.container #mainTitle p.home a,
.container #mainTitle p.content,
#mainTitle h1, #mainTitle h2, #mainTitle h3 
#mainTitle h4, #mainTitle h5, #mainTitle h6 
{ color:#fff !important; }
	

/*// Container: Sidebar //*/
.container #sidebar ul 
{
	margin:0;
	text-align:left;
	list-style:none;
	line-height:1.1em; 
}

.container #sidebar ul li 
{
	display:block; 
	width:auto;
	height:auto;
	padding:10px 0;
	border-bottom:1px solid #dae2e5;
	font:15px 'TelefonicaTextRegular', Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#00517c;
}

.container #sidebar ul li a {
	color:#259dcd; 
}

.container #sidebar ul li a:hover {
	text-decoration:underline;
}

.container #sidebar ul li span {
	color:#259dcd; 
}

.container #sidebar ul li:hover span {
	text-decoration:underline;
}

.container #sidebar ul ul
{
	height:0;
	overflow:hidden;
	margin-left:10px;
}

.container #sidebar ul ul li 
{
	padding:10px 0 0 0;
	border-bottom:none;
}

.container #sidebar ul li ul li a 
{ 
	text-decoration:none !important;
	color:#259dcd;
}

.container #sidebar ul li ul li a:hover 
{ 
	text-decoration:underline !important;
}
	
/*// Pestañas //*/
.pestana 
{ 
	width:670px;
	height:auto;
	border:1px solid #e9e9e9;
	margin:0 0 10px 0;
}

.pestana .txt 
{
	width:610px;
	height:41px;
	padding:5px 0 0 13px;
	font:28px 'TelefonicaTextBold', Verdana, Geneva, sans-serif;
	color:#767676;
	float:left;
	cursor:pointer;
}

.pestana .btn
{
	width:47px;
	height:46px;
	float:right;
}

.pestana .btn img 
{ 
	cursor:pointer;
}

.pestana .info 
{
	width:inherit;
	height:0;
	overflow:hidden;
	font-family:'TelefonicaTextRegular' !important;
}

.pestana .info .inner 
{
	width:640px !important;
	padding:15px;
}

.pestana .info a
{ 
	color:#259dcd; 
	text-decoration:none;
}

.pestana .info a:hover {
	text-decoration:underline;
}

/*// Buscador: Pagination //*/
.pagination  
{
	width:auto;
	float:right;
	margin-top:15px;
	*margin-bottom:15px;
	font-size:18px; 
}
        
.pagination a 
{
	font-family:Verdana;
    text-decoration:none;
    color: #2cafd7;
}

.pagination a, 
.pagination span 
{
    display: block;
    width:24px;
    height:20px;
    margin:0 2px;
    float: left;
    text-align:center;
}

.pagination .current 
{
	background:url(../images/backCurrent.jpg) bottom no-repeat;
    color:#727272;
}

.pagination .prev, .pagination .next 
{
	width:17px;
	height:20px;
}

.pagination .prev {
	background:url(../images/arrowLeft.jpg);
}

.pagination .next{
	background:url(../images/arrowRight.jpg);
}

.pagination .current.prev {
	background:url(../images/arrowLeftCurrent.jpg);
}

.pagination .current.next {
	background:url(../images/arrowRightCurrent.jpg);
}

/*// Forms //*/
.form input, input.txtBox
{
	border:1px solid #ccc;
	width:200px;
	height:18px;
}
.form textarea 
{
	border:1px solid #ccc;
	width:200px;
	height:100px;
}

.form .btn, .btnBox 
{
	width:80px;
	height:20px;
	background:#999;
	color:#ccc;
}

.login
{
	width:285px;
	padding:10px;
	border:1px solid #ccc;
}

.txtBox
{
	margin:0 0 10px 5px;
}

.chckBox
{
	margin-bottom:10px;
}

.btnBox, .chckBox
{
	float:right;
	clear:right;
}

.HomeH 
{
	height:560px;
	*height:690px;
}
.franq_links
{
	margin-top:15px;
	font-size:15px;
}

.franq_img
{
	width:150px;
	float:left;
	margin:10px;
}

.mrgn
{
	margin-top:20px;
}


table.franquicia
{
	border-collapse:collapse;
	background-color:#E0F1F5;
	color:#0E3F51;
}
	
table.franquicia tr th
{
	text-align:left;
	padding:4px;
}
	
table.franquicia tr td { padding:4px; }
	
table.franquicia tr td ul
{
	margin:0px;
	padding:0 0 0 10px;
}

table.franquicia tr.odd
{
	background-color:#0E3F51;
	color:#FFF;
}

.franq_links
{
	margin-top:15px;
	font-size:15px;
}

.franq_img
{
	width:150px;
	float:left;
	margin:10px;
}

/*// Extra margin //*/
.mrgn { margin-top:25px; }

/*// Estilos Listas //*/
ul#fundacion,
.listasCirculo
{
	padding-left:15px;
    list-style-type:disc;
	list-style-position:outside;
}

ul#fundacion li,
.listasCirculo li
{
	margin-left:15px;
}

#fundacion li a:hover { text-decoration:underline; }

.inner_left 
{
	float:left;
	width:300px;
}

.inner_right 
{
	float:right;
	width:350px;
	padding:20px 0 0 0;
}

/*// Noticias: fecha //*/
#fecha { display:none; }

.image a 
{
	display:block;
	position:relative;
	margin-right:10px;
}

/*// Footer //*/
#footer 
{
	width:100%;
	background: url(../images/bgd_pie.png) top no-repeat;
	height: 115px;
	font:1em Verdana, Arial;
	z-index:5;
}
	
#footer .inner 
{
	width:925px;
	height:30px;
	padding:85px 0 0 0;
	position:relative;
	margin:0 auto;
}

#footer .inner ul li,
#footer .inner span 
{
	color:#FFF;
	float:left;
}

#footer .inner ul li 
{
	padding:0 5px;
	list-style:none;
}

#footer .inner ul li a:hover {
	color:#FFF;
}

#footer .inner #social
{
	width:auto;
	height:25px;
	position:absolute;
	top:-25px;
	right:0;
	font-size:1.3em;
}

#footer .inner #social li {
	float:left;
}
