/* CSS Document */

body {
	background-color:#222222;
	color:#666;
	font-size:70%;
	line-height:18px;
	text-align:center;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family:Verdana, Geneva, sans-serif;	
	}

img {
	border: 0px;
	}

h1 {
	font-size:220%;
	margin: 0px 0px 10px 0px;
	}

h2 {
	color: #FFF;
	font-size:150%;
	margin: 0px 0px 5px 0px
	}

h3 {
	color: #339900;
	font-size:120%;
	margin: 0px 0px 5px 0px
	}

p {
	margin-top: 0px;
	}
	
a {
	color:#999;
	text-decoration:none;
	}

a:hover {
	color:#900;
	text-decoration:none;
	}
	
#contenedora {
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:#fff;
	width: 1000px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	}	


/****************************INDEX 2 *******************************/

#imgplanahorroID2 {
	width: 680px;
	height: 150px;
	float: right;
	text-align:center;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
		
}

#categoriasfotografia {
	background-color: #CCC;
	border: #090 solid 1px;
	width: 250px;
	height:auto;
	float:left;
	text-align:left;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-top:20px;
	
}

#titulo {
	clear: both;
	height: auto;
	width: auto;
	float:left;
	color: #960000;
	margin-left: 15px;
}

#planesdeahorrosubscripcion {
	float: right;
	width: 680px;
	height: 100px;
	margin-top: 10px;
	margin-right: 10px;
}

#categoriasfotografia a{
	color:#666;
}

#categoriasfotografia a:hover{
	color: #900;
}

#categoriasfotografia h3 a{
	color:#090;
}

#categoriasfotografia h3 a:hover{
	color:#900;
}

#conttextoimagen {
	float: right;
	width: 680px;
	height: 460px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	text-align: justify;
	
}

#solotexto {
	float: left;
	width: 515px;
	height: auto;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	border: #090 solid 1px;
	background-image: url(../img/Backsolotex.png);
}

#soloimagen {
	float: right;
	width: 125px;
	height: 415px;
	margin-top: 40px;
	margin-left: 5px;
	margin-right: 7px;
}


/* **************************  CABECERA ************************** */	
#cabecera {
	width: 970px;
	height: 100px;
	margin-bottom: 20px;
	}

#logo {
	float: left;
	width: 500px;
	height: 95px;
	margin-top: 10px;
	margin-left: 13px;
	}
	
#textocabecera{
	float: right;
	width: 350px;
	height: 20px;
	margin-top:45px;
	margin-right: 50px;

	}	
/* **************************  MENU ************************** */	
#menu {
	clear: both;
	width: 1000px;
	height: 35px;
	margin-left: auto; 
	margin-right: auto;
	font-size: 110%;
	font-variant: small-caps;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
	}

#menu ul{
	margin: 0px;
	padding:0px;	
	}
	
#menu ul li	{
	width: 150px;
	height:20px;
	padding: 2px 0px;
	display:inline;
	list-style-type:none;
	}

#menu a {
	color:#960000;
	font-weight:bold;
	text-decoration:none;
	}
#menu a:hover {
	color:#960000;	
	font-weight:bold;
	border-bottom:1px solid #666;
	border-top: 1px solid #666;
	padding-bottom: 2px;
	}

.seleccionado {
	color: #960000;
	font-weight:bold;
	border-bottom:1px solid #666;
	border-top: 1px solid #666;
	padding-bottom: 2px;
	}
	
/* **************************  CONTENIDO ************************** */	
#contenido{
	width: 100%;
	min-height:500px;
	}
	

/* **************************  INICIO ************************** */	

#animacion {
	clear:both;
	width: 350px;
	height: 500px;
	float: left;
	padding-top: 12px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
	
#txpreciosstandard {
	
	width: 450px;
	height: auto;
	float: right;
	padding-top: 12px;
	margin-bottom: 5px;
	margin-right: 110px;
	text-align:center;
	font-size:16px;
}

#imgplanahorro {
	width: 524px;
	height: 105px;
	text-align:center;
	float:right;
	margin-right: 60px;
	margin-bottom: 10px;
	}

#txinicio{
	width: 550px;
	height: auto;
	float:right;
	margin-right: 30px;
	text-align:justify;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:#CCC;
	}

#formularioybusqueda {
	clear: both;
	witdht: 100%;
	height: 30px;
	text align: center;
	margin-bottom: 10px;
	
}
	

#formularioagalerias {
	float:left;
	width: 350px;
	height: 30px;
	margin-left: 205px;
	text-align:center;
	margin-bottom: 10px;
	}

#formularioagalerias .boton {
	color:#333;
	background-color:#ccc;
	border: 3px double #333;
	/*border-right:2px solid #666;
	border-bottom: 2px solid #666;*/
	}
	
#linkbusquedas {
	float:left;
	width: 300px;
	height: 30px;
	margin-bottom: 10px;
	}
	
#imgtresdestinos {
	width: 1000px;
	height: 60px;
	text-align: center;
	border-bottom: 10px;
	}
	
#nubedetags {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#339900;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-top: 10px;
	width: 800px;
	height:auto;
	margin-left: 96px;
	text-align:center;
	color:#FFF;
	border-bottom: 10px;
	
}

.nubedetags a:hover {
	color:#FFF;
	text-decoration:underline;
	
}

.nubedetags a {
	color:#FFF;
	font-weight:bold;
	}

#freephotocontent {
	clear:both;
	width:750px;
	height:322px;
	margin-top: 10px;
	margin-left: 75px;
	margin-bottom: 10px;
		
}

#freephotoimg {
	width:auto;
	height:auto;
	text-align:center;
	float:left;
	margin-bottom: 10px;
	margin-top:5px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	
	
}

#freephototx {
	width: 400px;
	height: 266px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
	margin-left:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:48px;
}

#freephototx a{
	color:#900000;
}


/* **************************  USO GALERIA ************************** */	

#txusogaleria{
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#txinstruccionesgaleria {
	clear: both;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 810px;
	height: 635px;
	text-align: justify;
	margin-left: 100px;
	margin-right: 100px;
	background-color:#CCC;
	}

div.fila { /* Para saber que esa clase es para un div */
	clear: both;
	width: 805px;
	height: auto;
	}
	
div.filatitulo {
	float: left;
	font-weight:bold;
	text-align: right;
	color:#960000;
	width: 140px;
	height: auto;
	padding: 10px;
	}
	
div.filadescripcion {
	float: right;
	width: 610px;
	height: auto;
	padding: 10px;
	}
	
#imginstruccionesgaleria {
	clear: both;
	width: 700px;
	height: 101px;
	margin-left: 150px;
	margin-right: 150px;
	}

/* ************************** REPORTAJES ************************** */	

#txreportajes{
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#CDDVD {
	clear: both;
	width: 116px;
	height: 90px;
	float: left;
	margin-left: 70px;
	padding-left: 15px;
	}
	
#tx2reportajes {
	width: 700px;
	height: auto;
	float: left; 
	margin-right: 10px;
	margin-top: 60px;
	text-align:justify;
	font-weight:bold;
	}
	
#txprincipalreportajes {
	clear: both;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 855px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#CCC;
	}

.filareportajes {
	width: 825px;
	height: 133px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	}

.filareportajesimg {
	float: left;
	width: 198px;
	height: 132px;
	margin-right: 4px;
	margin-left: 4px;
	}

.filareportajesdescripcion {
	float: left;
	width: 198px;
	height: 132px;
	text-align: center;
	margin-right: 4px;
	}

/* ************************** ADQUISICIÓN ************************** */	

#txadquisicion{
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#contenidoadquisicion {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	height: auto;
	float: left; 
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align:justify;
	}

#txadquisicioninterior {
	clear: both;
	width: 780px;
	height: auto;
	margin-top: 20px;
	margin-left: 10px;
	text-align: justify;
	}
	
#txderechos {
	clear: both;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#900;
	color:#FFF;
	width: 730px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	}

#txadquisicioninterior2 {
	clear: both;
	width: 750px;
	height: auto;
	margin-top: 20px;
	margin-left: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	}

#txadquisicioninterior3 {
	clear: both;
	width: 780px;
	height: auto;
	font-weight: bold;
	color:#FFF; 
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#txadquisicioninterior3 a{
	color: #ffffff;
	text-decoration: none;
	}
	
#txadquisicioninterior3 a:hover{
	color: #960000;
	text-decoration: underline;
	}
	
#txadquisicioninterior4 {
	clear: both;
	width: 550px;
	height: auto;
	margin-top: 15px;
	margin-left: 115px;
	text-align: center;
	font-weight:bold;
	}
	
#imgadquisicion {
	clear: both;
	width: 700px;
	height: 101px;
	margin-top: 15px;
	margin-left: 50px;
	margin-bottom: 20px;
	}

/* **************************  SERVICIOS ************************** */	

#txservicios {
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#contenidoservicios {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	height: auto;
	float: left; 
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align:justify;
	}

#contentservicios2 {
	clear: both;
	width: 700px;
	height: auto;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	margin-left: 45px;
	}

#imgserviciosplanesahorro {
	clear: both;
	width: 420px;
	height: 90px;
	margin-left: 180px;
	margin-bottom: 10px;
	}
	
#txservicios2 {
	clear: both;
	width: 800px;
	height: auto;
	text-align:justify;
	margin-left: 2px;
	}

#txservicios2 a {
	color:#FFF;
	text-decoration: none;
	}

#txservicios2 a:hover {
	color:#960000;
	text-decoration: underline;
	}

#contenedoraservicios {  
	clear: both;
	width: 765px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	}
	
#serviciosimg {
	float: left;
	width: 145px;
	height: 400px;
	}

#serviciosimg2 {
	float: right;
	width: 145px;
	height: 400px;
	}
	
#serviciostituloydescripcion {
	float: left;
	width: 132px;
	min-height: 400px;
	margin-bottom: 20px;
	}

div.filaservicios {
	clear: both;
	width: 460px;
	height: auto;
	text-align: justify;
	}

div.filaserviciostitulo {
	float: left;
	width: 140px;
	height: auto;
	text-align: center;
	}

div.filaserviciosdescripcion {
	float: right;
	width: 315px;
	height: auto;
	text-align: justify;
	}


/* **************************  FOTOGRAFOS ************************** */	

#txfotografos {
	float:left;
	clear: both;
	width: 970px;
	height: auto;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#fotofotografos {
	clear: both;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}

#fotofotografos h2 a:hover{
	color:#960000;
	text-decoration:underline;
	}

/* **************************  CONTACTO ************************** */	

#txcontacto {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	height: auto;
	float: left; 
	margin-left: 95px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: auto;
	padding-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	}

#contactomail {
	width: 300px;
	height: auto;
	font-weight: bold;
	color: #FFF;
	float: left;
	margin-left: 50px;
	margin-bottom: 15px;
	}

#contactomail a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
	
#contactomail a:hover {
	color: #960000;
	font-weight: bold;
	text-decoration: underline;
	}

#contactotelefono {
	width: 300px;
	height: auto;
	font-weight: bold;
	color: #FFF;
	float: right;
	margin-right: 50px;
	margin-bottom: 15px;
	}

#contactoimgbig {
	clear: both;
	width: 700px;
	height:267px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}
#contactoimglittle {
	
	width: 710px;
	height:140px;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	}

/* **************************  COLABORAN ************************** */	

#txcolaboran {
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#txcolaborancaja {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	height: auto;
	float: left; 
	margin-left: 95px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: auto;
	padding-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	}
	
.filacolaboran {
	clear: both;
	width: 750px;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCC;
	}

.filacolaboranlogo {
	float: left;
	width: 260px;
	text-align: center;
	min-height: 56px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}

.filacolaborandescripcion {
	width: 450px;
	min-height:56px;
	margin-left: 280px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}

/* **************************  PROYECCIONES ************************** */	

#txproyecciones {
	clear: both;
	width: 970px;
	height: auto;
	float:left;
	text-align:justify;
	padding-left: 15px;
	padding-right: 15px;
	}

#txproyeccionescaja {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	min-height: 500px;
	float: left; 
	margin-left: 95px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: auto;
	padding-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	}

.filaproyecciones {
	clear: both;
	width:750px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	}

.filaproyeccionesimg {
	float: left;
	width: 200px;
	margin-bottom:15px;
	text-align: center;
	}

.filaproyeccionesdescripcion {
	float: right;
	width: 525px;
	height: auto;
	margin-bottom:15px;
	text-align: justify;
	}

.filaproyeccionesdescripcion a {
	color:#FFF;
	font-weight:bold;
	}

.filaproyeccionesdescripcion a:hover {
	color: #960000;
	text-decoration: underline;
	}


/* **************************  IMPRESION ************************** */	

#contenidoimpresion {
	clear: both;
	background-color: #CCC;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 800px;
	height: auto;
	float: left; 
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align:justify;
	}

#tximpresion {
	float:left;
	width: 450px;
	height: 300px;
	margin-left: 50px;
	margin-top: 30px;
	text-align: justify;
}

#imagenimpresion {
	float: right;
	width: 200px;
	height: 300px;
	margin-right: 50px;
	margin-top: 30px;
}

#imagenimpresion3 {
	float: right;
	width: 200px;
	height: 300px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom:30px;
}

/* **************************  ILUSTRATOR ************************** */	

#apDiv1 {
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:#000;
	width:850px;
	height:605px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border: 4px double white;
}

/* **************************  PIE ************************** */	

#pie{
	clear: both;
	width: 750px;
	height: auto;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	margin-top: 20px;
	padding-bottom: 15px;
	}

#pie a {
	color: #900;
	font-weight:bold;
	text-decoration:none;
	}

#pie a:hover {
	color:#900;
	font-weight:bold;
	text-decoration:underline;
	}
	
.clearboth {
	clear: both;
	}