@charset "utf-8";
/* CSS Document */


* { padding: 0; margin: 0; }

body {
   color: #000;
   background: #ddc130 url(images/fondo.png) repeat;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   }

#wrapper {
   color: #000;
   background: #F2C709 url() repeat;
   width: 780px;
   height: 890px;
   position: relative; /* hace que las posiciones absolute sean relativas a wrapper */
   padding: 0;
   margin: 0 auto; /* top:10px   right:auto   bottom:10px   left:auto */
   border:1px #FFD700 solid;
   }

#cabecera {
   position:relative;
   top: 5px;
   left: 20px;
   width: 740px;
   height: 60px;
   background: #CDB078 url(images/header_bck.gi) no-repeat;
   }

/*---------------menu------------*/


ul.navbar {
	list-style-type:none;
	float:left;
	display:block;
	width:690px;
	line-height:3.8em; 
	clear:both;
	margin:0 0 0 30px;
	padding:0;
	}

	ul.navbar li { display:inline; font-weight:600; }

	a.nav:link, a.nav:visited, a.nav:hover, a.nav:active {
	display:block;
	float:left;
	width:90px;
	height:55px;
	padding:5px 0 0 15px;
	margin:0 10px 0 0; 
	text-decoration:none;
	color:#fff;
	letter-spacing:0.10em;
	}

	a.nav:hover, a.nav:active, .current { background-color:#9F0B00; }



#OTRO{position:relative;display:block;height:70px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#OTRO ul{margin-left:40px;padding:0;list-style-type:none;width:auto;}
#OTRO ul li{display:block;float:left;margin:0 1px 0 0; padding:4px 0 0 40px;}
#OTRO ul li a{display:block;float:left;color:#000;text-decoration:none;padding:50px 0px 0 0px;height:5px;background:transparent url(images/boton1.jp) no-repeat;}
#OTRO ul li a:hover{color:#FFCC00;background:transparent url(images/boton2.jp) no-repeat;}
#OTRO ul li a.current,#OTRO ul li a.current:hover{color:#000;background:#fff;}

/* ^^^^^^^^^^^^^^^^^^^^ FIN CODIGO PARA MENU ^^^^^^^^^^^^^^^^^^^^^^ */


#cuerpo {
  position: relative;
  margin-top: 15px;
  left: 20px;
  width: 746px;
  height: 607px;
  background: url(images/content_bck.jpg) no-repeat;
  }

.tituloSup { position:absolute; top:40px; left: 300px; }

.cuadroTexto {
   position:relative;
   top:10px;
   padding:10px 90px;
   height:560px;
   }
	.cuadroTexto ul { position:relative; margin:130px 0 40px 25px; }
	.cuadroTexto ul li { line-height:2em; }

.tituloInf, .tituloInfPromo {
   position:absolute;
   left:30px;
   text-align:center;
   width:630px;
   margin:0 5px;
   }
	.tituloInf { bottom:30px;}
	.tituloInfPromo { bottom:40px; }
   
#film { position:absolute; top:0; left:70px; }
#imgscroller {margin-left:70px;}
   
.imgLogo { position:absolute; top:40px; left:200px; }
.imgLogo2 { position:absolute; top:10px; left:20px; }

ul#listaSuc { width:400px; padding:10px; margin-top:100px; margin-left:-50px;}
ul#listaSuc li { font-size:85%; font-style:normal; margin-top: 0.4em; }
ul#listaMapa { position:absolute; top:100px; right:100px; margin-top:20px;}
ul#listaMapa li {
   margin-top:3.7em;
   list-style-type:none;
   border:1px #990000 solid;
   background:#fff;
   color:#990000;
   font-size:90%;
   padding:2px 6px;
   }
 ul#listaMapa li a{font-size:90%; color:#990000;}

.imgCarreta { position:absolute; top:10px; right:60px; }

#promos { position: relative; top:110px; left:40px; width:500px; height:300px;}

.textoContacto { padding: 100px 10px 0 100px; }
.textoContacto h2, h3 { margin:30px 0 0 20px; }
   
#pie {
   position:relative;
   bottom: 5px;
   left:20px;
   margin:5px 0 0 0;
   padding: 1px 0;
   width: 745px;
   }
   
#pie ul { position: relative; margin: 6px 100px 0 170px; }
#pie ul li { display:inline; padding-right:15px; list-style-type:none; }
   

/* ================================================================
|                                                                 |
|                       Inicia Formulario                         |
|                                                                 |*/

form {
     position: absolute;
	 top: 250px;
	 left: 230px;
     background-color: #F0DC69;
     width: 200px;
     padding: 30px;
     border: 1px solid #FFFF99;
     }

label { display: block; color: #990000;} /* Titulo en una linea propia */

/* campos de entrada iguales */

#email, #nombre, #ciudad, textarea {
    width: 170px;
    border: 1px solid #8c8c8c;
    margin-bottom: 0.7em;
    }

textarea {height: 5em;}
input:focus, textarea:focus {background-color: #FFFF99;}
/*|                                                                |
  |                       Finaliza Formulario                      |
  |                                                                |
  ================================================================*/


/* <<<<<<<<<<<<< Textos, Links, Parrafos, etc. >>>>>>>>>>>>>>>>> */
a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   color: #FF6600;
   }
   

a:link { }
a:visited { }
a:hover, a:focus { text-decoration: underline; }
a:active { }

h1 { font-size: 140%; color: #990000;}
h2 { font-size: 130%; color: #333366;}
h3 { font-size: 120%; color: #CC3300; margin:15px 0 5px 130px;}
h4 { font-size: 110%; color: #996600; margin:15px 0 5px 130px;}
h5 { font-size: 90%; color: #CC6600; font-weight:700;}
h6 { font-size: 85%;}


p {
   position:relative;
   top: 110px;
   margin: 10px 20px 20px 10px;
   color:#333;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
   font-size:15px;
   font-weight:700;
   line-height:25px;
   }
   
span { font-size: 90%; color: #336699; font-weight:700; }
span.nuevasuc {color:#FF0000;}

address {
   color: #666;
   margin-top: 5px;
   font-size: 80%;
   font-style: normal;
   text-align: center;
   letter-spacing: 1px;
   line-height: 1.5em;
   }


.clearfix {clear:both;}