/*
        Theme Name: CSS inicial
        Theme URI: http://rudeworks.com/blog/css-inicial/
        Author: RUDE
        Author URI: http://rudeworks.com
        Version: 1.0
        Description: CSS básico con arreglos y selectores pre-configurados.
        */
/*** HACKS PARA IE ***/
        /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
        *html {
        }
        /* Si necesitas aplicarlo a IE7 utiliza este:*/
        *:first-child+html {
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos que queremos limpiar completamente: ***/
        * {
                margin: 0;
                padding: 0;
                border: none;
        }
        html {
                font: 75% "Trebuchet MS", Verdana;
                text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos con margen vertical: ***/
        h1, h2, h3, h4, h5, h6, p, pre,
        blockquote, ul, ol, dl, address {
                font-weight: normal;
                margin: 1em 0 1em 0;
        }
/*** Algunos ajustes basicos: ***/
        sup {
                position: relative;
                bottom: 0.3em;
                vertical-align: baseline;
        }
        sub {
                position: relative;
                bottom: -0.2em;
                vertical-align: baseline;
        }
        li, dd, blockquote {
                margin-left: 1em;
        }
/*** LINKS:
                recuerda utilizar siempre la regla del LoVe-HAte ***/
                a, a:link, a:visited, a:hover, a:active {
                /*
                Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
                outline: 0;
                Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
                */
                /*text-decoration: none;*/
        }
        a img {
                border: none;
                text-decoration: none;
        }
        img {
                border: none;
                text-decoration: none;
                /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
        }
/*** FORMULARIOS: ***/
        label, button {
        cursor:pointer;
        }
        input, select, textarea {
                font-size: 100%;
        }
        input:focus, select:focus, textarea:focus {
                background-color: #FFF;
        }
        fieldset {
                border: none;
        }
/*** Algunas clases útiles: ***/
        .clear {
                clear: both;
        }
        .float-left {
                float: left;
        }
        .float-right {
                float: right;
        }
        .helvetica {
                font-family: Arial, Helvetica, Geneva, sans-serif;
        }
		
/***** Mis clases *******/

body{
	background-color: #666666;
	background-image: url(../images/pix.png);
	background-repeat: repeat;
	color:#FFF;

}

#fondo{
	background-image: url(../images/fondo.png);
	background-repeat:  repeat-x;	
}

#contenedor{
	width: 956px;
	margin-left:auto;
	margin-right:auto;
	background-color:#484848;
	padding-left:4px;
	padding-right:4px;
}

#logomenu{
	float:left;
	width:257px;
	height:365px;
	background-color:#FBEDAC;
	color:#000;
}

#logomenu h1{
	text-align:center;
	margin-bottom:0;
	margin-top:5px;
}

#logomenu ul{
	list-style-type:none;
	margin:0;
	margin-left:30px;
	margin-right:30px;
	font-size:14px;
}

#logomenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin:0;
}

#logomenu ul li a{
	text-decoration:none;
	padding-left:5px;
	padding-top:5px;
	display:block;
	color:#000;
}

#logomenu ul li a:hover{
	background-color:#5654A8;
	color: #FFFFFF;	/*background-color:#FFCC66;*/
}

#logomenu ul li a.sele{
	font-style:italic;
	color: #FC7B03;
}

#logomenu ul li a:hover.sele{
	font-style:italic;
	color: #FFFFFF;
}

#fotocabecera{
	float:left;
}

#contenido{
	clear:both;
	padding:20px;
	padding-top:5px;
	text-align:justify;
	font-size:13px;
}

#pie{
	clear:both;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height:30px;
	height:30px;
	margin-top:20px;
}

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

a:hover{
	color:#CCCCCC;
}

.fotoderecha{
	float: right;
	margin-left:20px;
	border: 1px solid #FFFFFF;	
}

.fotocentro{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	border: 1px solid #FFFFFF;	
}

.centro{
	text-align:center;
}

#fotos{
	text-align:center;
}

#fotos img{
	margin:5px;
	border: 1px solid #FFFFFF;	
}

#contacto{
	width:50%;
	float:left;	
}

#inicioizquierda{
	width:47%;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right:2%;
}

#inicioderecha{
	width:47%;
	float:left;
	padding-left:2%;

}
img.tiempo{
	border: 6px solid #999;

}

ul#enlaces{
	list-style-type:none;
}

ul#enlaces li{
	padding:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#directions{

}

#direcciones{
	float:left;
	width:35%;
}

#map_canvas{
	float:left;
	width:65%;
}

table#tarifa {
	border-collapse: collapse;
	border: 1px solid #484848;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #000000;
	text-align: center;
  }
table#tarifa caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
table#tarifa td, table#tarifa th {
	border: 1px dashed #FFFFFF;
	padding: 0.8em;
	color: #FFFFFF;
  }
table#tarifa thead th, table#tarifa tfoot th {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	border: 1px solid #FFFFFF;	
	text-align: center;
	color: #000000;
	padding-top:6px;
	background-color: #FBEDAC;
  }
table#tarifa tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
table#tarifa tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
table#tarifa tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
table#tarifa tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
table#tarifa tbody th, table#tarifa tbody td {
	vertical-align: top;
	text-align: center;
  }
table#tarifa tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
table#tarifa .odd {
	background-color: #484848;
  }
table#tarifa tbody tr:hover {
	background-color: #333333;
  }
table#tarifa tbody tr:hover th,
table#tarifa tbody tr.odd:hover th {
  background: #51152A;
  }