body {
    margin: 0px;
	padding: 0px;
	background: white;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* COLORES 

Rojo gematel: #db241e
Gris: #d1d4d2
*/

/* Estructura principal */

/* anchos */
#cabecera .cont, #principal, #pie .cont {
	
}

#contenedor {
	width: 760px!important; width: 780px;
	margin: auto;
}


#cabecera { 
	padding: 0px;
	background: url(/static/gematel/images/f_cab.png) repeat-x;
	height: 130px;
}



#principal {
	clear: both;
	margin-top: 10px!important; margin-top: -4px;
	height: auto;
	text-align: center;	
}

#col_izq {
	float: left;
	clear: both;
	padding-right: 10px;
	width: 100px; 
	
}

#contenido {
	clear: right;
	text-align: justify;
	padding-top: 0px;
	font-size: 80%; 	
	margin-left: 100px;
	margin-top: 0px!important; margin-top: -15px;
	border: 1px solid white; /* borde mágico que hace que los banners no se muevan en IE6 */
}

#pie {
	clear: both;
	text-align: center;
	margin: 0px auto 20px auto;
	width: 500px;
	padding-top: 10px;
	float: right;
	
}

/* fin estructura principal */


/*                                 --------- C A B E C E R A --------- */

#cabecera .logo {
	float: left;
	padding-left: 40px;
	padding-top: 20px;
	margin-bottom: 0px;
}
#cabecera img, .logo a:hover {
	 border:0px;
}

#buscar { 
	float: right; 
	clear: right;
	font-size: 80%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px!important; padding-bottom: 0px;	 
	height: 20px;
}

#buscar label { 
	font-weight: bold;
	color: #444444; }
	
#buscar input#busc { 
	border: 1px solid #c7c7c7; 
	width: 100px; 
	}
#buscar .imgbtn {
	width: 22px; height: 22px;
	vertical-align: bottom; 
}


#cabecera .cont { height: 105px;}
#cabecera #barra {
	clear: both;
	margin: auto;
	width: 100%;
    background: url(/static/gematel/images/f_barra.png) repeat-x; 
    height: 8px;
}

#distrib {
	float: right;
	margin-top: 30px; 
	padding-top: 10px;
	background: url(/static/gematel/images/logo_vodafone.png) bottom right no-repeat!important;
	background: url(/static/gematel/images/logo_vodafone.gif) bottom right no-repeat;
	padding-right: 60px;
}
#distrib div {
	border-right: 1px solid black;
	padding-right: 4px;
	text-align: right;
	color: black;
	height: 30px;
	font-size: 70%;	
	width: auto!important;width: 50%;
}

#distrib div div {
	color: red; 
	font-weight: bold;
	border: none;
}

/* pestañas de perfiles: particulares, empresas,... */
#menu_aux {
	position: absolute;
	left: 50%;
	margin-left: -140px;
	width: 380px;
	padding-top: 0px;
	padding-right: 10px;
}
#menu_aux .esq {
	background: red url(/static/gematel/images/f_pest_i.png) bottom left no-repeat;
	width: 22px;	
	height: 34px;
	float: right;
}
#menu_aux ul { 	
	list-style: none;
	margin: 0px; 
	padding: 0px;
	float: right;
	background: url(/static/gematel/images/f_pest_d.png) bottom right no-repeat;
	padding-right: 21px;
	height: 34px!important;height: 32px;	
}
#menu_aux li {
	list-style: none;
	margin: 0px; 
	padding: 4px 8px 0px 4px;
	float: left; 
	background: url(/static/gematel/images/f_pest.png) bottom repeat-x;
	height: 30px;
	text-align: center;
}
#menu_aux li a {
	background: transparent;
	color: #343434;
	border-bottom: none;
	text-decoration: none;
	font-size: 80%;
	font-weight: normal; 
}
#menu_aux li.tienda a {
	color: #db241e;
}
#menu_aux li a:hover, #menu li a:active {
	background: transparent;
	color: #db241e;
}



/* fin cabecera */

/*                                         --------   B Á S I C O S  -----   */

a {
	text-decoration: none;
}

a:link { 
	color: #161395;
}
a:hover {
	border-bottom: 1px solid #db241e;
}

h1, h2 { color: #444444; }

/* fin básicos */

/*                                 -------------- cosas en id    C O N T E N I D O ----------- */


#contenido img {
	float: right;
	margin-left: 10px;
	border: 1px solid #d1d4d2;
	padding: 6px;
	
} 


#listado_noticias .noticia {
    clear: right;
    margin-bottom: 30px;
}

#listado_noticias .noticia .titulo {
    font-weight: bold;
}

#results_table .foto {
    clear: right;
}
#results_table .impar {
    clear: right;
}
#results_table .par {
    clear: right;
}

/* fin cosas en id contenido */


/*                                       ------------ M E N Ú   P R I N C I P A L  ----- */
/* #menu para Productos / Tienda */

#menu_prod {
    margin-top: 20px;
}

#menu_prod ul { 
	margin: 0px; 
	padding: 0px; 
	text-align: left;
	/* border-right: 1px solid #d1d4d2; */
	}
#menu_prod li {
	list-style: none;
	margin: 0px; 
	padding: 0px 12px;
}
#menu_prod li a {
	color: #444444;
	border-bottom: none;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
}
#menu_prod li a:hover, #menu li a:active {
	border-bottom: 1px solid #e1e2e2;
}

/* menu Horizontal Son of Suckerfish */

#menu { }
#nav {
	top: 0px;
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: transparent;
}

#nav a {
	display: block;
	width: 7em;
	color: #585858;
	background: white;
	font-weight: normal;
	font-size: 90%;
	margin-top: 1px;
	border-bottom: none;
	height: auto!important; height: 19px;
	min-height: 19px!important;
	padding-top: 2px!important; padding-top: 4px;
}
#nav a:hover, #nav li:hover a, #nav li.sfhover a {
	color: #000;
	background: #e4e4e4 url(/static/gematel/images/f_menu_n1_hover.png) top right no-repeat;
}

#nav li li a, #nav li:hover li a, #nav li.sfhover li a {
	color: #444444;
	background: url(/static/gematel/images/f_menu_n2b.png) repeat-x ;
	font-size: 80%;
	width: 10em; /* por misterios debe ser así de grande o se queda más chico que el li */
	margin: 0; 
	padding-top: 10px;
}
#nav li li a:hover, #nav li:hover li a:hover, #nav li.sfhover li a:hover {
	background: url(/static/gematel/images/f_menu_n2b.png) repeat-x ;
	color: #db241e;
}



#nav li { /* all list items */
	float: left;
	list-style: none;
	width: 7em; /* width needed or else Opera goes nuts */
	text-align: center;	
	background: transparent;
	margin: 0!important; margin-left: -5px;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 760px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0; 
	
}

#nav li li { 
	float: left; 
	width: 8em!important; 
	padding: 0; 
	margin: 0!important; 
	height: 1%;
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ 
	left: 50%;  margin-left: -380px!important; margin-left: -390px;
}



#content {
	clear: left; padding-top: 30px;
	color: #ccc;
}

/* fin menú Horizontal Son of Suckerfish */




/* fin menu principal */

/*                                 --------------- Resumen Noticias -------------------------- */

#cuad_noticias {
	margin-top: 30px; 
}

#cuad_noticias .noticia { 
	margin-bottom: 20px; 
	padding: 0 3px 3px 3px;
	background: transparent;
	border: 1px solid #d0d0d0;
}
#cuad_noticias h1 { font-size: 80%; color: #db241e; margin: 6px 0px 4px 0; }
#cuad_noticias p { font-size: 70%; text-align: left;  margin: 6px 0px 4px 0; }
#cuad_noticias p.mas { text-align: right; }
#cuad_noticias p.mas a {
	background: url(/static/gematel/images/f_menu_li.png) no-repeat 0px 2px;
	padding-left: 10px;
}

.destacado {
	padding: 75px 3px 3px 3px;
	border: 1px solid #db241e;
	background: url(/static/gematel/images/mujer_carpeta.jpg) no-repeat;
	background-position: 20% 0;
}
.destacado h1 { font-size: 80%; color: #585858; background: white; margin: 6px 0 4px 0; }
.destacado p { font-size: 70%; text-align: left;  margin: 6px 0px 4px 0; }
.destacado a {}

/* fin resumen noticias */

/* CSS para página de noticia */

h5.hiddenStructure { visibility: hidden;}
.documentActions img { border: none!important; }
h1.documentFirstHeading {} /* tit de noticia */
.documentByLine { text-align: right; }
.documentByLine .editadopor { visibility: hidden; }
.documentByLine .fecha span { font-weight: bold; }
.reviewHistory { visibility: hidden; }

.newsImageContainer { float: right; width: auto; display: table;}
.newsImageContainer img { border: none!important; }

.newsImageContainer .discreet {	clear: right; text-align: center;}

p.documentDescription { text-align: justify; font-weight: bold;} /* resumen noticia */

.plain, .plain p { text-align: justify;}
#relatedItems { margin-top: 50px;}
#relatedItems fieldset#relatedItemBox { border: none; border-top: 1px solid #c7c7c7;}
#relatedItems legend { font-weight: bold; background: #e5e5e5; width: 100%; 
background: url(/static/gematel/images/f_legend.png) repeat-x bottom;} 
#relatedItems li {
	list-style-image: none;
	background-image: url(/static/gematel/images/f_menu_li.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}
ul.visualNoMarker, ul.visualNoMarker li { list-style-image: none;list-style-type: none;
}


/* fin CSS para página de noticia */




/*                                -------------- cosas en    I N I C I O  ------------- */



/*                       B A N N E R S   */

#banners {
	margin: 0px;	
	position: relative;
	float: right;
	width: 590px!important; width: 600px;		/* antes 580px y parecía en Ie7 que se lepodían
	meter unos 60 más,... lo que sería más de 600 que lo rompía!!! */
	margin-top: 0px!important; margin-top: 0px;
}


#banners img {
	margin: 0px; padding: 0px; border: 0px; 	
}

.banner_ancho {
	height: 205px;
}
.dosbanners {
	clear: right; padding-top: 10px;
}

.dosbanners .banner {
	float: left;
	width: 270px;
}
.dosbanners .der {
	float: right;
}



/* fin banners */

/* fin cosas en inicio */

/* Galería de fotos */

.photoAlbumEntry {
    float: left;
    height: 178px;
    width: 137px;
    margin: 0em;
    padding: 0px 6px 0px 9px;
    text-align: center;
    background-image: url(/static/gematel/images/polaroid-single.png);
    background-repeat: no-repeat; 
    background-position: bottom right;  
}
.photoAlbumEntryWrapper {
    display: block; 
    height: 130px;
    width: 128px;
    margin-bottom: 7px; 
    text-align: center;  
}
.photoAlbumEntry a {
    display: block;
    text-decoration: none;
    font-size: 65%;
    /*
    height: 160px;
    width: 130px; */
    margin: 6px auto 0px auto; 
}
#contenido .photoAlbumEntry img {
    border: 1px solid #ccc;
    margin: auto;
    float: none; 
    padding: 0;
}
.photoAlbumFolder {
    background-image: url(/static/gematel/images/polaroid-multi.png);
    background-repeat: no-repeat;
}
.photoAlbumEntryTitle {
    color: #76797c;
    display: block;
    overflow: hidden;
    width: 128px;
    height: auto;
    clear: right; 
}
.listingBar { 
    clear: left; 
    padding-top: 10px; 
    font-size: 80%; 
    }
.listingBar a { 
    margin: 0 0.4em; 
    }
.listingBar .next { 
    margin-right: 3em; 
    }

/* fin galeria */



/*                                       --------  cosas en P I E ----------------- */

#pie .cont {
	border-top: 1px solid #d1d4d2;
}

#pie p {
	color: #444444;
	font-size: small;
}



