@import url("ie.css");

/* TEXTOS */
h1, h2 {margin: 0;}
h3, h4, h5 {margin-top: 20px;}
h1, h2, h3, h4, h5, h6{color:#000;}
h3 {text-transform:uppercase;}
ul, ol {padding:0; margin:0;list-style: none;}

a {outline:none; color:#333333;}
a:hover { text-decoration: none; }
a img { border: none; }
.invisible,legend,#contacto span{ position:absolute; left:-9000px;}
hr {clear: both; border:1px solid transparent; margin:10px 0;}
.gris{color:#515151;}

/****** Todo ******/
body{background: url(../img/fondo.gif) repeat-y center 0;}
#fondo{margin: 0 auto; overflow:hidden;}
#contenedor{width: 99.5em; margin: 0 auto; position: relative;}

/******* Columna del contenido *****/
#columna{float: left; display: inline; width: 657px; font-size: 1.3em; padding: 3em 0 2em 8px; position: relative; border-right: 10px #f2f2ef solid; background-color: #FFF;}
#columna h2{font-size: 1.9em; font-weight: bold; color: #000; margin-bottom: .1em; letter-spacing:-1px}

/******* Cabecera *******/
#cabecera{margin-bottom: 10px; padding-right: 15px;  border-bottom:1px solid #C0C0C0;}
#cabecera h1{float: right; display: inline; position: relative;}
#cabecera h1 a{background: url(../img/logo.jpg) no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 260px; height: 70px;}
#cabecera h1 .marca {background: url(../img/marca.gif) no-repeat; position: absolute; top: 0px; right: 0; width: 118px; height: 10px;}
#cabecera ul{margin-top: 50px; float: left; color: #000; text-transform:uppercase;}
#cabecera li{float: left; display: inline; margin-right: 10px; padding-right: 10px; font-size: 13px; font-weight:bold; border-right:1px solid #999999;}
#cabecera li.ulti{border:none; padding-right: 0;}
#cabecera li a{color: #606060; text-decoration:none}
#cabecera li a:hover{color: #000;}

/******* Migas *******/
ol#migas{clear: left; float: left; display: inline; font: 1.05em Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:15px;}
ol#migas li{float: left; display: inline; color: #000; margin-right: 10px; font-size: 13px; width: auto;}
ol#migas li a{color: #606060; padding-right: 16px; background:url(../img/flechas-migas.gif) no-repeat right 6px; text-decoration:none}
ol#migas li a:hover{ text-decoration:underline;}

/************* Cajas *********/
.caja-izq{width: 255px; float: left; color: #666; display: inline; width: 18em;}
.caja-der{width:344px; float: right; color: #666; padding: 0 10px 0 29px;}
.caja-tot{clear: both; margin-right: 1em;}
.caja-tot p, .caja-izq p, .caja-der p, .caja-izq address{margin-bottom: 1em; line-height: 1.6em;}
.caja-izq address{margin-top: 1em;}

.caja-img{float: left; display: inline;}
.caja-txt{display: table; height: 1%; padding-left: .5em; padding-right: 1.8em;}

.caja{clear: left; }
.caja li{float: left; display:inline; width: 311px; margin-bottom: 20px;}
.caja a{color: #666;}

.btn a{ display: block; margin-bottom: .4em; padding:0.5em 0.5em 0.5em 2em; background: #eff0e5 url(../img/bg-label.gif) no-repeat 11px center; font-size: .9em; color: #000; font-weight: bold; text-transform: none; text-decoration: none;}
.btn a:hover{text-decoration: underline; background: #e8e9d9 url(../img/bg-label.gif) no-repeat 11px center;color: #000;}
ul.lista li {background:url(../img/flechas-migas.gif) no-repeat 0 5px; padding-left:10px; margin:5px 0;}

/*********** Fin *********/
#pie{clear: both; width:100%; padding-top: 2em;}
#pie address, #pie a{font-style: normal; font-size: 11px; color: #8e8e9a; position: relative; /*top: 3px;*/ display: inline;}
#pie a{font-size: 12px; text-decoration:none;}#pie a:hover{font-size: 12px; text-decoration: underline;}
#pie ul { float:right; margin:1em 1em 0 0;}
#pie ul li{ float:left; margin-left:0.7em; padding-left:8px; padding-bottom:4px; border-left:1px solid #999999; /*background:url(../img/flechas-migas.gif) no-repeat 0px 9px*/}

#contacto{position:absolute; width:70%; height:18px; top:5px; background: url(../img/telf.gif) no-repeat left center; text-align:right;}
#contacto p{ margin: 1px 160px 0 52px; float:left; width:auto}
#contacto a{ text-decoration:none;}
#contacto a:hover{ text-decoration: underline;}
#contacto li{ float:left; margin-left:15px;}
#contacto li a.facebook{ background:url(../img/facebook.gif) no-repeat;}
#contacto li a.twitter{ background:url(../img/twitter.gif) no-repeat;}