/*<<<<<<<<<<<<< Voip4corp 2005 I CSS ~ Silvia Arcos I>>>>>>>>>>>>>>>>>*/

/************************************************************************************************
		Estilos para home
*************************************************************************************************/
/* Estilos cuerpo
_______________________*/

html {
	margin: 0px;
	padding: 0px;
}

body {
	color : #000;
	font: 12px Arial, Helvetica, sans-serif;
	background-color : #FFF;
	text-align : center;
}

form{
	padding: 0px 4px 0px 4px;
}

p{
	margin: 0px;
	padding: 2px
}
br{
	font-size : 4px;
}
form{
	margin: 0px
}
input{
	font: 11px Arial, Helvetica, sans-serif;
	color: #0068b8;
	border:1px solid #0068b8;
}
table{
	border-collapse : collapse;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0068b8
}
hr{
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border : 1px solid #0068B5;
}

h1{
	text-indent : -4000px;
	margin: 0px;
	padding: 0px;
}

.cabecera{
	width: 775px;
	height: 100px;
	background-image : url(images/cabeceraentera.jpg);
	background-repeat : no-repeat;
	background-position : center bottom;
	margin: 0px;
	padding: 0px;
}
h1.cabeceratrans{
	width: 775px;
	height: 100px;
	background-image : url(images/cabeceraenteratrans.gif);
	background-repeat : no-repeat;
	background-position : center bottom;
	margin: 0px;
	padding: 0px;
}
h1.telfondo{
	width: 775px;
	height: 128px;
	background-image : url(images/telfondo.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	margin: 0px;
	padding: 0px;
}

/* Estilos de maketacion
___________________________*/

#contenedor {
	width:775px;
	height: 500px;
	text-align : center;
	margin: 0px auto;
	background-image : url(images/fondoa.gif);
	background-repeat : no-repeat;
	background-position : top right;
}

html>body #contenedor{
	width:775px;
	height: auto;
	min-height:500px;
}

.homeinfo1{
	width: 775px;
	height: 19px;
	background-image : url(images/cabecera03.jpg);
	background-repeat : no-repeat;
	background-position : bottom;
}
.homeinfo1trans{
	width: 775px;
	height: 19px;
	background-image : url(images/cabecerafondo.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	margin-top: 10px
}

.interiores{
	width: 775px;
	background-image : url(images/fondotrans.gif);
	background-repeat : repeat-y;
	text-align : left;
	overflow : hidden;
}

.columna1{
	width: 382px;
	height: 128px;
	background-image : url(images/telfondo03.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	float: left;
	text-align : left;
	padding: 10px;
}
html>body .columna1{
	width: 362px;
	height: 108px;
	float: left;
}
.columna1trans{
	width: 382px;
	height: 128px;
	float: left;
	text-align : left;
	padding: 10px;
}
html>body .columna1trans{
	width: 362px;
	height: 108px;
	float: left;
}

.columna2{
	width: 392px;
	height: 128px;
	float: left;
	text-align : left;
	padding: 10px;
}
html>body .columna2{
	width: 372px;
	height: 108px;
	float : left;
}
.columna3{
	width: 770px;
	height: 128px;
	float: left;
	text-align : left;
	padding: 10px;
	background-image : url(images/telfondo03.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}
html>body .columna3{
	width: 750px;
	min-height: 108px;
	float : left;
	height: auto
}

.piefondo{
	width: 775px;
	height: 19px;
	background-image : url(images/piefondo.gif);
	background-repeat : no-repeat;
	background-position : top;
	clear: both;
}
/* Estilos para listado
________________*/
ul#listado{
	list-style-type:none;
	text-align : left;
	margin: 10px;
}
ul#listado li{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	font:11px Arial, Helvetica, sans-serif;
	color: #0068b8;
	text-decoration : none;
	font-weight : bold;
	background-image : url(images/flecha.gif);
	background-repeat : no-repeat;
	background-position : left top;
	padding-left: 15px;
}
ul.lista{
	list-style-type:none;
	text-align : left;
	margin: 10px;
}
ul.lista li{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	font:12px Arial, Helvetica, sans-serif;
	color: #0068b8;
	text-decoration : none;
	font-weight : normal;
	background-image : url(images/flecha2.gif);
	background-repeat : no-repeat;
	background-position : left top;
	padding-left: 15px;
}
/* Estilos para menu de home
________________________________*/

ul#menu{
	list-style-type:none;
	text-align : right;
	padding: 0px 2px 0px 0px;
	width: 775px;
	height: 25px;
	background-image : url(images/fondomenuhome.jpg);
	background-repeat : no-repeat;
	background-position : right;
	margin : 0px;
}

html>body #menu{
	width: 773px;
	height: 25px;
}
html>body #menu li{
	margin:0px;
	padding: 0px
}
ul#menu li{
	display : inline;
	font:12px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight : bold;
	letter-spacing : 1px;
}

a.menu:link
{	color : #FFF;
	text-decoration : none;
	font-weight : bold;
}
a.menu:visited
{	color : #FFF;
	text-decoration : none;
	font-weight : bold;
}

a.menu:hover
 {	 color: #272727;
 	text-decoration : none;
	font-weight : bold;
}
	
a.menu:active
{	color: #FFF;
	text-decoration : none;
	font-weight : bold;
}

/* Estilos para submenus de cabecera
______________________________________*/
ul#submenu{
	list-style-type:none;
	text-align : right;
	padding: 2px 7px 0px 0px;
	width: 773px;
	height: 25px;
	margin : 0px 0px 0px 0px;
	margin: 0px;
}

html>body #submenu{
	width: 773px;
}

ul#submenu li{
	display : inline;
	font:11px Arial, Helvetica, sans-serif;
	color: #EEE;
	font-weight : normal;
}
a.apartado{
	display : inline;
	font:11px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight : bold;
	text-decoration : none;
}
a.submenu:link
{	font:11px Arial, Helvetica, sans-serif;
	color : #595959;
	text-decoration : none;
	font-weight : normal;
}
a.submenu:visited
{	color : #595959;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : normal;
}
a.submenu:active
{	color: #595959;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : normal;
}
a.submenu:hover
 {	 color: #000;
	font:11px Arial, Helvetica, sans-serif;
 	text-decoration : none;
	font-weight : normal;
}

/* Estilos para los submenus  de interior
___________________________________*/
ul#submenuint{
	list-style-type:none;
	text-align : left;
	padding: 2px 0px 0px 7px;
	margin : 0px 0px 0px 0px;
	margin: 0px;
}

html>body #submenuint{
	width: 773px;
}

ul#submenuint li{
	display : inline;
	font:11px Arial, Helvetica, sans-serif;
	color: #EEE;
	font-weight : normal;
	background-image : url(images/ico_menu.gif);
	background-repeat : no-repeat;
	background-position : left;
	padding: 0px 0px 0px 10px
}

/* Estilos para textos y graficos de los apartados de informacion interiores
________________________________________________________________*/
.titular{
	font:12px Arial, Helvetica, sans-serif;
	color: #0068B5;
	font-weight : bold;
	text-decoration : none;
}

a.resaltadas:link
{	color : #F94E20;
	text-decoration : none;
	font-weight : bold;
}
a.resaltadas:visited
{	color : #F94E20;
	text-decoration : none;
	font-weight : bold;
}

a.resaltadas:hover
 {	 color: #A8391C;
 	text-decoration : none;
	font-weight : bold;
}
	
a.resaltadas:active
{	color: #F94E20;
	text-decoration : none;
	font-weight : bold;
}

/* Estilos para hacer una caja  con borde de ancho una columna
_________________________________________*/
.caja1{
	width: 362px;
	height: 19px;
	background-image : url(images/caja1.gif);
	background-repeat : no-repeat;
	background-position : bottom;
}
.caja2{
	width: 362px;
	background-image : url(images/caja2.gif);
	background-repeat : repeat-y;
	text-align : left;
	overflow : hidden;
	padding: 7px;
}
.caja3{
	width: 362px;
	height: 19px;
	background-image : url(images/caja3.gif);
	background-repeat : no-repeat;
	background-position : top;
	clear: both;
}

/* Estilos para hacer una caja  con borde de ancho dos columnas
_________________________________________*/
.cajag1{
	width: 759px;
	height: 20px;
	background-image : url(images/caja_g1.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	margin: 0px 7px 0px 7px
}
.cajag2{
	width: 759px;
	background-image : url(images/caja_g2.gif);
	background-repeat : repeat-y;
	text-align : left;
	overflow : hidden;
	padding: 7px;
	margin: 0px 7px 0px 7px
}
.cajag3{
	width: 759px;
	height: 20px;
	background-image : url(images/caja_g3.gif);
	background-repeat : no-repeat;
	background-position : top;
	clear: both;
	margin: 0px 7px 0px 7px
}
/* GENERICOS
____________*/
.negrita{
	font:12px Arial, Helvetica, sans-serif;
	color: #0068b8;
	text-decoration : none;
	font-weight : bold;
}
.italic{
	font-style : italic;
}
.gris{
	font:12px Arial, Helvetica, sans-serif;
	color: #0068b5;
	text-decoration : none;
	font-weight : normal;
}
.resaltada{
	font:12px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration : none;
	font-weight : bold;
}
.firma{
	clear:left;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 10px
}
.nota {font:11px Arial, Helvetica, sans-serif;}

.izkierda {text-align: left!important}

/*******estilos nuevos apartados********/
.carta{
	padding-top:12px;
	width: 775px;
	height:32px;
	/*background-image : url(images/ico_carta.jpg);
	background-position : right bottom;
	background-repeat : no-repeat;*/
	text-align:right;
}

/*a.linkcarta{
	width: 152px;
	height:32px;
	margin-top:0px;
	border: 1px solid red}
	
html>body a.linkcarta{
	width: 152px;
	height:32px;
	border: 1px solid red;
	margin-top: 0px}*/

a.mapa {color : #737f88; text-decoration : none; font-weight : bold; padding-left: 4px;}
a.mapa:link {color : #0068b5; text-decoration : none; font-weight : bold;}
a.mapa:visited {color : #0068b5; text-decoration : none; font-weight : bold}
a.mapa:hover {color: #737f88; text-decoration : none; font-weight : bold}
a.mapa:active {color: #0068b5; text-decoration : none; font-weight : bold}

ul#mapa{
	list-style-type:none;
	text-align : left;
	padding: 2px 0px 0px 7px;
	margin : 0px 0px 0px 0px;
	margin: 0px;
}

html>body #mapa{
	width: 773px;
}

ul#mapa li{
	display : block;
	font:11px Arial, Helvetica, sans-serif;
	color: #EEE;
	font-weight : normal;
	padding: 0px 0px 0px 10px;
	height: 17px
}
.interior1{
	color: #EEE;
	font-weight : normal;
	margin: 0px 0px 5px 40px!important;
	background-image : url(images/flechamapa.gif);
	background-repeat : no-repeat;
}
.interior2{
	color: #EEE;
	font-weight : normal;
	margin: 0px 0px 0px 60px!important;
	background-image : url(images/punteromapa.gif);
	background-repeat : no-repeat;
}
.interiortitular{
	background-image : url(images/iconomapa.gif);
	background-repeat : no-repeat;
}

/******** estilos nuevos***********/
.fondoazul{
	background-color : #0168b5;
	width: 100%;
	font-weight : bold;
	color: #FFF;
	margin: 4px 0px 4px 0px
}
.espaciadobanners{
	margin-left: 30px
}