/*
                                        
         #   #   #       #   #          
### # #  #  ###     ###  #      ###  ## 
### # #  #   #   #  # #  #   #  #   # # 
# # ###  ##  ##  ## ###  ##  ## ### ### 
                    #  

Proyecto: Telefonica
Resumen: Estilos General
Version: 0.1a
Descripcion:
	1.- Hack de Estilos
	2.- Estilos generales de tipografia y enlaces
	
----- PALETA COLORES ------
TEXTOS
Azul Link y Titulos: #004e98
Gris: #666666
Fucsia Link Visited: #ff4aff

CAJAS
Gris Borde: #c2c2c2
Gris Fondo: #ebebeb
Azul Fondo: #000c2c
---------------------------
*/

/**CSS RESET**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {margin: 0;padding: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;border:0;}
.oculto, hr, legend{display:none;visibility:hidden;}
img{border:none;}
/**CSS RESET**/

/*Estilos Generales de tipografia y enlaces*/
body{font-family:Arial, Helvetica, sans-serif;color:#666;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}

/*Estilos Generales de Estructura*/
body{text-align:center;background:url('../imagenes/fondo/fondo_body.jpg') center top; background-repeat:no-repeat;}
#cabecera{width:960px;height:150px;margin:auto;position:relative;}
#cuerpo{width:960px;display:block;margin:auto;}
#cuerpo #derecha{width:250px;float:right;margin:0 0 0px 20px;text-align:left;}
#cuerpo #izquierda{width:180px;float:left;margin:0 20px 0 0 ;text-align:left;}
#cuerpo #central{width:690px;float:left;margin:30px 0 30px 0px;text-align:left;}
#cuerpo #interior{width:490px;float:left;text-align:left;}
/*#pie{padding-top:30px;width:100%;min-width:980px;background:url('../imagenes/bg_pie.png') repeat-x bottom center;clear:both;}*/

/*Estilos Especificos de Elementos Transversales*/
#cuerpo p.breadcrum{text-align:left;margin:10px 0;font-size:12px;background:url(../imagenes/bg_principal_flechas.png) no-repeat left -17px;padding:0 0 0 15px;}
#cuerpo p.breadcrum a{font-weight:900;color:#666;}
#cuerpo h1{font-size:20px;color:#004e98;width:940px;height:30px;background:url(../imagenes/bg_h1.png) no-repeat left center;padding:8px 0 0 20px;text-align:left;margin:0 0 10px 0;}

.sin_bottom{margin-bottom:0px}

.espu{margin-top:20px!important;}
.espd{margin-bottom:20px!important;}

a.boton {display:inline;font-size:14px;text-decoration:none;color:white!important;padding:4px 0;text-align:center;}

#derecha a{color:#004e98;}
#derecha {margin:0 0 0px 0px!important}
#derecha .modulo{width:250px;float:right;margin:20px 0 0px 0;}
#derecha .modulo a{color:#004e98;}
#derecha .modulo h3{color:white;font-size:16px;text-align:left;font-weight:900;margin:6px 0 10px 10px;}
#derecha .modulo strong{font-weight:900;}

#izquierda a.mas:link, #izquierda a.mas:visited{color:#004E98;
float:right;
font-size:11px;
text-decoration:underline;}
#izquierda a.mas:hover{color:#004e98;text-decoration:underline;}
#izquierda #faq a{color:#656565;}