/*Hoja de estilos de Valdecantos. Ignacio Navarro Valdecantos
 Elementos de alto nivel */
*
{
	margin:0;
	padding:0;
}

body
{
	background:#00434c;
	background-image:url('../img/comunes/back_web2.gif');
	padding-top:22px;
	font:11px Verdana, Arial, Helvetica;
	color:#666;
	text-align:center;
	margin:0;
}

.bodyacceso{
	background:#00434C;
}

/*Centramos el logo de acceso en la página*/
#logoacceso{
	border:0px;
	width:300px;
	height:300px;
	position:absolute;
	text-align:center;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
}
#accesoadmin{
	border:0px;
	position:absolute;
	top:3px;
	left:3px;
}
 #nomostrar{
 	display:none;
 }

/*Enlaces*/
a,a:visited
{
	color:#666;
	background:inherit;
	text-decoration:none;
}

a:hover
{
	color:#000;
	background:inherit;
	text-decoration:underline;
}

/*Diseño de la página*/
#pagina
{
	position:relative;
	width:900px;
	background:#fff;
	text-align:left;
	border:none;
	margin:0 auto;
	padding:5px;
}

#cabecera
{
	position:relative;
	width:100%;
	background:#fff;
	text-align:left;
	border:none;
	margin:0 auto;
}

#idiomas
{
	clear:both;
	width:100%;
	height:18px;
	background:#00434c;
	border-bottom:5px solid #FFF;
	text-align:right;
	padding:5px 0;
}

#idiomas ul
{
	float:right;
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

#idiomas ul li
{
	display:inline;
	margin:0;
	padding:0;
}

#idiomas ul li a
{
	display:inline;
	float:right;
	width:auto;
	border-left:1px solid #FFF;
	border-bottom:none;
	margin:0;
	padding:0 5px;
}

#logo
{
	position:relative;
	float:left;
	width:50%;
	height:45px;
	background:#fff;
	border-right:solid 1px #fff;
	text-align:left;
}
#usuario
{
	position:relative;
	float:right;
	width:50%;
	height:45px;
	background:#fff;
	border-right:solid 1px #fff;
	text-align:right;
}
#usuario a:hover
{
	color: #000;
}

#divmenusup
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	border-top:solid 1px #fff;
	background:#ccc;
	text-align:left;
}

#breadcrumb
{
	clear:both;
	width:100%;
	height:15px;
	background:#990;
	border-top:5px solid #FFF;
	text-align:left;
	font:10px Verdana, Arial, Helvetica;
	color:#fff;
	text-decoration:none;
	padding:3px 0;
}

#breadcrumb a,a:hover
{
	font:10px Verdana, Arial, Helvetica;
	color:#fff;
}

#cuerpo
{
	position:relative;
	clear:both;
	width:100%;
	height:100%;
	padding:0px;
	display:block;
	background-color:#EEE;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #EEE;
	font:11px Verdana, Arial, Helvetica;
	color:#666;
	text-align:left;
}

#barra
{
	float:left;
	width:17%;
	margin:0;
	padding:10px 5px 0;
	background-color:inherit;
}

#barra h3
{
	font:bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color:#333;
	padding:5px;
}

#barra ul.submenu
{
	text-align:left;
	text-decoration:none;
	background:url(../img/comunes/dots.jpg) repeat-x left top;
	margin:7px 4px 8px 0;
	padding:0;
}

#barra ul.submenu li
{
	list-style:none;
	background:url(../img/comunes/dots.jpg) repeat-x left bottom;
	color:#8F8F8F;
	margin:0 2px;
	padding:4px 0 4px 5px;
}

* html body #barra ul.submenu li
{
	height:1%;
}

#barra ul.submenu li a
{
	text-decoration:none;
	color:#666;
}

#barra ul.submenu li a:hover
{
	color:#00434c;
}

#barra ul.submenu ul
{
	margin:0 0 0 5px;
	padding:0;
}

#barra ul.submenu ul li
{
	background:none;
}
#barra ul li#activa a,#barra ul li#activa
{
	color:#990;
}

#barra ul li#nivel2activa a,#barra ul li#nivel2activa
{
	color:#990;
}

#cuerpohome
{
	clear:both;
	width:99%;
	border:none;
	display:block;
	margin:10px 0;
	padding:0 10px;
	background-color:transparent;
}
#cuerpohome #home_viajes{
	float:left;
}
#cuerpohome #home_otros{
	width:59%;
	padding:5px;
	float:left;
	text-align:center;
}
#cuerpohome #home_otros #caja{
	width:500px;
   	height:60px;
	clear:both;
	border: 1px solid #fff;
	padding:0 0 5px 0;
	margin:5px;

}
#cuerpohome #home_otros #caja #foto{
   	clear: both;
   	float:left;
	border: 1px solid #e5e5e5;
   	margin:5px;
   	padding:5px;
   	width:50px;
   	text-align:center;
   	background-color:#FFF;
}
#cuerpohome #home_otros #caja #foto img{
   	border: 1px solid #e5e5e5;
}

#cuerpohome #home_otros #caja #texto{
	float:left;
	width:400px;
	padding:0;
	margin-top:5px;
	text-align:left;
}
#cuerpohome #home_otros #caja #texto p a:hover{
	color: #555;
}

#principal
{
	float:right;
	width:81%;
	border-left:solid 1px #ccc;
	display:inline;
	margin:10px 0 0;
	padding:0;
	background-color:inherit;
}

#principal h1, #cuerpohome h1
{
	font:normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
	color:#00434c;
	text-transform:none;
	border-bottom:dotted 1px #00434c;
	margin-left:10px;
	padding:0;
}

#principal h2, #cuerpohome h2
{
	font:normal 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color:#000;
	text-transform:none;
	border-bottom:none;
	margin-left:10px;
	padding:10px 0 0;
}
#principal h3, #cuerpohome h3
{
	font:bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color:#000;
	text-transform:none;
	border-bottom:none;
	margin-left:10px;
	padding:10px 0 0;
}

#principal p, #cuerpohome h3
{
	padding:10px;
}

#principal p a
{
	text-decoration:none;
}

#principal p a:hover
{
	text-decoration:underline;
	color:#000;
}

#principal ul
{
	margin-left:20px;
	padding:10px 0 0 20px;
}

#principal ul li, #principal ul li a
{
	list-style-image:url(../img/comunes/bullet01.gif);
	margin:0;
	padding:0 0 4px;
}
#principal ul li a:hover
{
	color:#000;
}

#principal p img
{
	border: 3px solid #fff;
}

#pie
{
	position:relative;
	clear:both;
	width:100%;
	background:#990;
	border-top:5px solid #FFF;
	font:11px Verdana, Arial, Helvetica;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding:5px 0;
	z-index:1;
}

#pie a,a:hover
{
	font:11px Verdana, Arial, Helvetica;
	color:#fff;
}

/*Menú superior de navegación*/
#menusup
{
	clear:both;
	padding:0;
}

#menusup ul
{
	float:left;
	list-style:none;
	background:url(../img/menusup/nav.jpg) repeat-x;
	width:100%;
	text-transform:uppercase;
	display:inline;
	margin:0;
	padding:0;
}

#menusup ul li
{
	display:inline;
	margin:0;
	padding:0;
}

#menusup ul li a
{
	display:block;
	float:left;
	width:auto;
	border-right:1px solid #A9A9A9;
	border-left:1px solid #DDD;
	border-bottom:none;
	color:#FFF;
	font:bold 12px/2.6em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	margin:0;
	padding:0 14px;
}

#menusup ul li a:hover,#menusup ul li a:active
{
	background:url(../img/menusup/nav-hover.jpg) repeat-x;
}

#menusup ul li#current a
{
	background:url(../img/menusup/nav-current.jpg) repeat-x;
}

/* Formulario */
form
{
	border:1px solid #D5D5D5;
	background-color:#DFDFDF;
	margin:10px;
	padding:0 5px;
}

label
{
	display:block;
	font-weight:700;
	margin:5px 0;
}

input.button
{
	font:bold 12px Arial, Sans-serif;
	height:24px;
	color:#FFF;
	background:#8EB50C url(../img/design/nav.jpg) repeat-x 0 0;
	border:none;
	margin:0;
	padding:2px 3px;
}

textarea
{
	width:100%;
	font:normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
	padding:2px;
}
input,select
{
	border:1px solid #eee;
	font:normal 1em Verdana, sans-serif;
	color:#777;
	padding:2px;
}

input.button:hover,option.negro
{
	color:#000;
}

#breadcrumb a:hover,#pie a:hover
{
	text-decoration:underline;
}

/*Tablas por defecto*/
.tablaGral {border-collapse: collapse; font: 11px Verdana, Arial, Helvetica; background: #DFDFDF; border: 1px solid #ffffff; padding: 5; width:80%;}
.tablaGral caption {font: bold; color:#FFFFFF; height:18px; background:#DFDFDF; border: 1px solid #ffffff; text-align:left; padding: 5;}
.tablaGral thead {font: bold; color:#000000; height:18px; background: #DFDFDF; border: 1px solid #ffffff; text-align: left; padding: 5;}
.tablaGral th {font: bold; color:#000000; height:18px; background: #cccccc; border: 1px solid #ffffff; text-align: left; padding: 5;}
.tablaGral td {border: 1px solid #ffffff; color: #000000; padding: 5; text-align: left;}
.tablaGral td a {text-decoration: none; color:#000000;}
.tablaGral tbody td a:hover {text-decoration: underline; color:#ffffff;}
.tablaGral .sinResultados {color:#ff0000; font:bold;}
.tablaGral .centrar {text-align:center;}
.tablaGral .derecha {text-align:right;}

/*Tabla de CV*/
.tablaCV {border-collapse: collapse; font: 11px Verdana, Arial, Helvetica; background: #FFF; border: 0px solid #ffffff; padding: 5; width:700px;}
.tablaCV td, td a{font: normal; color:#666; height:18px; background:inherit; text-align:center; padding: 5;}
.tablaCV td a:hover {text-decoration: underline;}

/*Tabla de futbol*/
.tablaFutbol {border-collapse: collapse; font: 11px Verdana, Arial, Helvetica; background: #DFDFDF; border: 1px solid #ffffff; padding: 5;}
.tablaFutbol th {font: bold; color:#000000; height:18px; background: #cccccc; border: 1px solid #ffffff; text-align: left; padding: 5;}
.tablaFutbol td {border: 1px solid #ffffff; color: #000000; padding: 5; text-align: left;}
.tablaFutbol td img{border:0;}
.tablaFutbol .centrar {text-align:center;}
.tablaFutbol .derecha {text-align:right;}

/*Galería de fotos de proyectos*/

/*Para las galerias horizontales*/
#principal hoverbox{
	cursor: default;
	list-style: none;
}

#principal .hoverbox a{
	cursor: default;
}

#principal .hoverbox a .preview{
	display: none;
}

#principal .hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -70px;
	left: -100px;
	z-index: 2;
}

#principal .hoverbox img{
	float:left;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 113px;
}

#principal .hoverbox li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
}

#principal .hoverbox .preview{
	border-color: #000;
	width: 300px;
	height: 225px;
}

#principal #capaFotoAmpliada{
	clear:both;
	position:absolute;
	top:250px;
	margin-left:120px;
	visibility: hidden;
	background-color: #fff;
	border: 4px solid #666;
	text-align:center;
	z-index:6;
}
#principal #cerrar{
	position:absolute;
	background:#666;
	top:0px;
	right:0px;
	z-index:7;
}
#principal #fundido{
   z-index: 5;
   position:absolute;
   top:0px;
   left:0px;
   width: 900px;
   height: 870px;
   visibility: hidden;
   background-color: #000;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   /*overflow:auto;*/
}

/*Para las galerias verticales*/
#principal hoverboxv{
	cursor: default;
	list-style: none;
}

#principal .hoverboxv a{
	cursor: default;
}

#principal .hoverboxv a .preview{
	display: none;
}

#principal .hoverboxv a:hover .preview{
	display: block;
	position: absolute;
	top: -70px;
	left: -100px;
	z-index: 2;
}

#principal .hoverboxv img{
	float:left;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 113px;
	height: 150px;
}

#principal .hoverboxv li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 4px;
	position: relative;
}

#principal .hoverboxv .preview{
	border-color: #000;
	width: 225px;
	height: 300px;
}

/*Varios*/
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}

.subindiceCentrado{
	text-align: center;
	font: 0.8em Verdana, 'Trebuchet MS', Tahoma, Sans-serif;
}
#principal p .bordeImgGris{
	border: 1px solid #ccc;
}
/*PARTE NUEVA*/

/*Linea horizontal de 1px punteada*/
hr.puntos{
	margin-left:10px;
	width:98%;
	height:0px;	/*Solo queremos borde*/
	text-align:left;
	border-top:0px;	/*Quita el grosor extra de Opera y FFox*/
	border-bottom:#CC0000 dashed 1px;
}

/*Tabla generica de contactos*/
#principal p .tablaContacto {border-collapse: collapse; font: 11px Verdana, Arial, Helvetica; background: #FFFFFF; border: 1px solid #ccc; padding: 5; width:95%;}
#principal p .tablaContacto td {border: 0px ; padding: 5; text-align: left;}
#principal p .tablaContacto .centrar {text-align:center;}
#principal p .tablaContacto .foto {text-align:center; width:60px; height:60px;}
#principal p .tablaContacto .bordefoto {border: 1px solid #ccc; width:60px; height:60px;}
#principal p .tablaContacto td a{color:#369;}
/*Fin de la Tabla generica de contactos*/

#principal .contacto{
	text-align:center;
	padding:4px;
}

/*GALERIAS DE FOTOS*/
/*Home de galerias*/
#principal #galeria_home, #cuerpohome #galeria_home{
	float:left;
	width:325px;
	border: 1px solid #fff;
	margin:10 0 10 10;
	padding:0 5 5 5;
	background-color:#F1F1E8;
	text-align:center;
	font:bold 10px Verdana,Arial, Sans-serif;
}
#principal #galeria_home img, #cuerpohome #galeria_home img{
	border: 5px solid #CFCFCC;
	padding:5px;
}

/*Galería de Hijos*/
#principal #galeriaHijo {
	text-align:center;
}
#principal #galeriaHijo #ventana{
	width:98%;
	border: 1px solid #fff;
	margin:10 0 10 10;
	background-color:#B2D5F8;
}
#principal #galeriaHijo #ventana #foto{
	float:left;
	margin:5px;
	width:40%;
}
#principal #galeriaHijo #ventana #foto img{
	border: 5px solid #369;
	padding:5px;
}
#principal #galeriaHijo #ventana #texto{
	float:left;
	width:58%;
	text-align:left;
}
#principal #galeriaHijo #fotosmini{
	clear:both;
	margin-left:10px;
	width:98%;
	background-color:#369;
}
#principal #galeriaHijo #fotosmini #fotos{
	clear:both;
	text-align:left;
	width:100%;
}
#principal #galeriaHijo #fotosmini #fotos img{
	margin:5px;
	border: 1px solid #fff;
}
#principal #galeriaHijo #fotosmini #carrete{
	clear:both;
	width:100%;
	height:18px;
	background:#369 url(../img/galerias/carrete_hijo.gif) repeat-x 0 0;
	border-bottom: 3px solid #369;
}
/*Galería de Hijas*/
#principal #galeriaHija {
	text-align:center;
}
#principal #galeriaHija #ventana{
	width:98%;
	border: 1px solid #fff;
	margin:10 0 10 10;
	background-color:#E5D6DC;
}
#principal #galeriaHija #ventana #foto{
	float:left;
	margin:5px;
	width:40%;
}
#principal #galeriaHija #ventana #foto img{
	border: 5px solid #7D4C5F;
	padding:5px;
}
#principal #galeriaHija #ventana #texto{
	float:left;
	width:58%;
	text-align:left;
}
#principal #galeriaHija #fotosmini{
	clear:both;
	margin-left:10px;
	width:98%;
	background-color:#7D4C5F;
}
#principal #galeriaHija #fotosmini #fotos{
	clear:both;
	text-align:left;
	width:100%;
}
#principal #galeriaHija #fotosmini #fotos img{
	margin:5px;
	border: 1px solid #fff;
}
#principal #galeriaHija #fotosmini #carrete{
	clear:both;
	width:100%;
	height:18px;
	background:#369 url(../img/galerias/carrete_hija.gif) repeat-x 0 0;
	border-bottom: 3px solid #7D4C5F;
}
/*Galería de mascota*/
#principal #galeriaMascota {
	text-align:center;
}
#principal #galeriaMascota #ventana{
	width:98%;
	border: 1px solid #fff;
	margin:10 0 10 10;
	background-color:#DDCBA9;
}
#principal #galeriaMascota #ventana #foto{
	float:left;
	margin:5px;
	width:40%;
}
#principal #galeriaMascota #ventana #foto img{
	border: 5px solid #62360A;
	padding:5px;
}
#principal #galeriaMascota #ventana #texto{
	float:left;
	width:58%;
	text-align:left;
}
#principal #galeriaMascota #fotosmini{
	clear:both;
	margin-left:10px;
	width:98%;
	background-color:#62360A;
}
#principal #galeriaMascota #fotosmini #fotos{
	clear:both;
	text-align:left;
	width:100%;
}
#principal #galeriaMascota #fotosmini #fotos img{
	margin:5px;
	border: 1px solid #fff;
}
#principal #galeriaMascota #fotosmini #carrete{
	clear:both;
	width:100%;
	height:18px;
	background:#369 url(../img/galerias/carrete_mascota.gif) repeat-x 0 0;
	border-bottom: 3px solid #62360A;
}
/*Galería de Viaje*/
#principal #galeriaViaje {
	text-align:center;
}
#principal #galeriaViaje #ventana{
	width:98%;
	border: 1px solid #fff;
	margin:10 0 10 10;
	background-color:#F1F1E8;
}
#principal #galeriaViaje #ventana #foto{
	float:left;
	margin:5px;
	width:40%;
}
#principal #galeriaViaje #ventana #foto img{
	border: 5px solid #CFCFCC;
	padding:5px;
}
#principal #galeriaViaje #ventana #texto{
	float:left;
	width:58%;
	text-align:left;
}
#principal #galeriaViaje #fotosmini{
	clear:both;
	margin-left:10px;
	width:98%;
	background-color:#CFCFCC;
}
#principal #galeriaViaje #fotosmini #fotos{
	clear:both;
	text-align:left;
	width:100%;
}
#principal #galeriaViaje #fotosmini #fotos img{
	margin:5px;
	border: 1px solid #fff;
}
#principal #galeriaViaje #fotosmini #carrete{
	clear:both;
	width:100%;
	height:18px;
	background:#369 url(../img/galerias/carrete_viaje.gif) repeat-x 0 0;
	border-bottom: 3px solid #CFCFCC;
}
/*FIN DE LAS GALERIAS DE FOTOS*/

/*Home de las guias de viaje*/
#viajeHome{
	float:left;
	width:335px;
	border: 1px solid #fff;
	padding:0 0 5px 0;
	margin:10px;
	background: #FFF url("../img/turismo/viajes/fondo_viaje_home.jpg") no-repeat right bottom;
}
#viajeHome #titulo{
	background:#FFF;
	font:bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color:#CCC;
	padding:6px 2px 6px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #e5e5e5;
}
#viajeHome #foto{
   	clear: both;
   	float:left;
	border: 1px solid #e5e5e5;
   	margin:5px;
   	padding:5px;
   	width:110px;
   	text-align:center;
   	background-color:#FFF;
}
#viajeHome #foto img{
   	border: 1px solid #e5e5e5;
}

#viajeHome #texto{
	float:left;
	width:200px;
	padding:0;
	margin-top:5px;
}

#principal #fotos_hv{
	clear:both;
	text-align:right;
	padding-right:10px;
	margin:0;
	margin-top:4px;
}
/*Paginación de las fotos*/
#paginacion{
	clear:both;
	width:90%;
	margin:0;
	padding:5px;
}
#paginacion ul{
	margin:0;
	padding:0;
	font-size:10px;
}
#paginacion li{
	list-style-type:none;
	display:inline;
	padding:2px;
}
#paginacion li a, #paginacion li a:visited{
	padding:1px 4px;
	border-right:1px solid #00434c;
	text-decoration:none;
	color:#000;
}
#paginacion li a:hover, #paginacion li a:active{
	border-right:1px solid #00434c;
	background:#00434c;
	text-decoration:none;
	font-size:10px;
	color:#ffF;
}
#paginacion a.paginaActual{
	color:#FFF !important;
	border-color:#00434c;
	font-weight:700;
	cursor:default;
}
#paginacion a.deshabilitado, #paginacion a.deshabilitado:hover{
	background:#FFF;
	cursor:default;
	color:#ccc;
	border-color:#ccc;
	font-weight:400 !important;
}
#paginacion a.anteriorSiguiente{
	font-weight:700;
}

#principal p .paginacionGaleria {border:0px; font: 10px Verdana, Arial, Helvetica;}
#principal p .paginacionGaleria td, td a{border: 0px ;height:12px; padding: 0; text-align: center;}
#principal p .paginacionGaleria td a:hover{color:#000;font: 10px Verdana, Arial, Helvetica;height:12px; padding: 0; text-align: center;text-decoration:none;}

/*Fin de la Paginación de las fotos*/

/*Contenido de escritos*/
#home_escritos
{
	clear:both;
	width:99%;
	border:none;
	display:inline;
	margin:0;
	padding:0;
	background-color:transparent;
}
#esc_columna_izq{
	float:left;
	width:30%;
	height:100%;
	padding: 0 10px;
	border-right: 1px dotted #990;
}
#esc_columna_centro{
	float:left;
	width:30%;
	height:100%;
	padding: 0 10px;
	border-right: 1px dotted #990;
}
#esc_columna_der{
	float:left;
	width:30%;
	height:100%;
	padding: 0 0 0 10;
}