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

img { border:0; }
a img { border: none;}

	
body{ margin:0; background:#ffcf84 ;}

.back-seccs{ margin:0; background: #ffcf84;}

.todo{ width:1000px; height:1000px; margin:0 auto; overflow:hidden; box-shadow:#333 0px 2px 5px; background:#ffcf84 url(images/back-up.png) repeat-x;}
.todo2{ width:1000px; height:1100px; margin:0 auto; overflow:hidden; box-shadow:#333 0px 2px 5px; background:#ffcf84 url(images/back-up.png) repeat-x;}

/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";*/
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');*/

/*filter: progid:DXImageTransform.Microsoft.Shadow(Color=#333333, Direction=90, Strength=2, OffX=0, OffY=0, );*/

/*filter: progid:DXImageTransform.Microsoft.Glow(color=#333333,strength=4);*/
}

.todo-seccs{ width:1000px; height:960px; margin:0 auto; overflow:hidden; box-shadow:#333 0px 2px 5px; background:#ffcf84 url(images/back-up.png) repeat-x;}
.todo-seccs2{ width:1000px; height:1120px; margin:0 auto; overflow:hidden; box-shadow:#333 0px 2px 5px; background:#ffcf84 url(images/back-up-2.png) repeat-x;}

/*--- HEAD ---*/
header{ width:1000px; height:150px; margin:0 auto; background: url(images/head.jpg) no-repeat center top;}

.logo{ width:210px; height:125px; margin:15px 0 0 50px; float:left;}

.redes{ width:200px; margin:35px 10px 0 0; float:right; overflow:hidden;}
.redes ul{ list-style:none; padding:0; margin:0;}
.redes li{ list-style:none; display:inline; margin-left:10px; line-height:1px;}
.redes li a{}
.redes li a:hover{ filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        -khtml-opacity: 0.5;}

/*--- MENU ---*/
#nav{  width:1000px; height:30px; margin:0 auto; background-color:#ee4037;}

#navbar { width:1000px; height:30px; margin:0 0 0 -40px;  }
#navbar li { list-style: none; margin:0; padding:0; font-family: 'Lancelot', cursive; color: #FFF;  line-height:30px;}
#navbar li a {
	height:30px;
    display: block;
   	float:left;
    color:#2a2828;
    font-size:19px;
	margin:0;
    padding:0px 58px 0 57px;
    border-left: 1px solid #fff;
	color: #FFF;
	text-decoration:none;
}

#navbar li a:hover { background-color:#a8211a; color:#FFF; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
	      
#navbar li ul { display: none; background:#15632a; z-index:200; }
#navbar li ul a { border:none; padding:0 40px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/*hover second*/
#navbar li ul a:hover { background-color:#0f481f; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

/*posicion second*/
#navbar li:hover ul { width:960px; position:absolute; right:0px; display: inline;  margin:30px auto 0 auto; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

/*margen left second*/
#navbar li:hover ul#draw_menu { left:0px; }


.content-banner{ width:1000px; height:240px; margin:0 auto;}

/*--- SLIDES ---*/
#container { width:800px; height:240px; margin:0px; z-index:0; overflow:hidden; float:left }

#example { width:800px; height:240px; margin:0 auto; position:relative;}

#slides{ z-index:100; }

.slides_container { width:1000px; height:240px; overflow:hidden; position:relative; }


.gifhome{ width:200px; height:240px; margin:0; float:left; overflow:hidden;}


/*--- BANNER CAJA ---*/
.banner-caja{ width:920px; height:250px; margin:10px auto 20px auto; background: url(images/banner_chico_logo_caja.jpg) top no-repeat;}

.txt{ width:350px; height:250px; margin:40px 0 0 50px; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:13pt; float:left;}


/*--- FORMULARIO ---*/
.formulario{ width:920px; height:230px; margin:0 auto; border:2px solid #fff;}

#headform{width:920px; height:35px; margin:10px auto 0 auto; background:url(images/head_form.png) top no-repeat;}

#contacto-wrapper { width:850px; height:230px; padding:5px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}

#contacto-wrapper div { width:300px; float:left; margin:5px;}

#contacto-wrapper label { display:block; float:none; font-size:14px; width:auto;}

form#contactoform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:4px;
	font-size:12px;
	color:#333;
	background:#FFF;
}

form#contactoform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	background:#FFF;
}


/*--- SMALL BANNER ---*/
.slidefoot{width:920px; height:250px; margin:50px auto 0 auto !important;  overflow:hidden;}

.txto{width:450px; height:250px; margin:20px 20px 0 20px; float:left; background: url(images/ornamento.png) bottom no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:13pt; text-align:center;}

.video{width:395px; height:250px; margin:0 0 0 20px; float: right; }


/*--- FOOTER ---*/
footer{width:100%; max-height:100%; height:220px; margin:-30px auto 30px auto; color:#000; font-size:12px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.info{ width:100%; max-height:100%; height:138px; margin:20px auto 0 auto; border-top: 10px #69423a solid; border-bottom: 10px #69423a solid; background:url(images/back-info.png) repeat-x; }

.elementos{ width:900px; height:100px; margin:25px auto 0 auto;}

#horario{ width:253px; height: 94px; margin:0; background:url(images/horario.png) top no-repeat; float:left;}
#news{ width:253px; height: 94px; margin:0 70px; background:url(images/news.png) top no-repeat; float:left;}
#ordena{ width:253px; height: 94px; margin:0; background:url(images/ordena.png) top no-repeat; float:left;}

.titdatos{ color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:11pt; font-size:medium;}
.datos{width:100px; margin:10px 0 0 120px; text-align: left; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:9pt; }

.datos a:link{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:8pt; text-decoration:none;}
.datos a:visited{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:8pt; text-decoration:none;}
.datos a:hover{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:8pt; text-decoration:underline;}


/*--- SECCIONES ---*/
.content{ width:1000px; height:500px; margin:0 auto; }

aside{ width:200px; height:630px; margin:0; float:left; overflow:hidden; }

.right{width:800px; height:700px; margin:0; float:left;  overflow:hidden;}
.right2{width:800px; height:1600px; margin:0; float:left;  overflow:hidden;}

.banner { width:800px; height:240px; margin:0px auto; overflow:hidden;}

.sidemenu{ width:200px; height:240px; margin:0 auto; background:url(images/backsidemenu.jpg) repeat-x;}

.gift{width:200px; margin:0 auto;}

.descripcion{width:700px; height:650px; margin:20px auto 0 auto; padding:0 ;}
.descripcion2{width:700px; height:1550px; margin:20px auto 0 auto; padding:0 ;}

h1{color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:12pt; line-height:10pt; margin:0; padding:0;}
.todos{color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:12pt;}
.todas{color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:10pt;}

hr{ background:#67423c; width:100; height:1px; border:0;}

.direccion{ width:300px; height:350px; margin: 0 ; padding:0 ; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12pt; color:#333;}
.mapa{ width:300px; height:280px; margin: 0; padding:0 ; float:left;}
.mapa2{ width:300px; height:280px; margin: 0; padding:0 ; float:left;}
.mapaspace{ width:300px; height:40px; margin: 0; padding:0 ; float:left;}

.icon-privacidad{ float:right; margin:0px; position:relative; right:-620px; top:-30px; }
.icon-privacidad a:link{ text-decoration:none; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:9pt; }
.icon-privacidad a:visited{color:#333;}
.icon-privacidad a:hover{text-decoration:underline;}


/*--- SIDE MENU ---*/
h2{ background: #060; margin:0; padding:0 0 0 70px; font-size:16pt; color:#fff; font-weight:normal; font-family: 'Lancelot', cursive;}
h2 span{background:#060; display:block; padding:5px 0;}

.lista-menu{width:200px; margin:0 auto; padding:0; color:#FFF;}
.lista-menu ul{ list-style:none; color:#FFF;}
.lista-menu li{ padding:0 !important; list-style:none; color:#fff; }
.lista-menu li a:link{ list-style:none; padding:4px 0 4px 25px !important; text-decoration:none; display:block; font-size:10pt; font-family:Tahoma, Geneva, sans-serif; border-bottom:#FFF solid 1px; color:#FFF;}
.lista-menu li a:hover{ text-decoration:none; color:#fff; background: #900;}
.lista-menu li a:visited{ text-decoration:none; color:#fff;}
.current{text-decoration:none; color:#fff; background:  #900 url(images/current.png) no-repeat; background-position:4px 6px;}


/*--- FORMULARIO CONTACTO ---*/
.formulario-contacto{ width:730px; height:400px; margin:20px auto 0 auto; border:2px solid #fff;}

#headform2{width:730px; height:35px; margin:10px auto 10px auto; background:url(images/head_form.png) top no-repeat;}

#contacto-wrapper2 { width:850px; height:400px; padding:5px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}

#contacto-wrapper2 div { width:300px; float:left; margin:5px;}

#contacto-wrapper2 label { display:block; float:none; font-size:14px; width:auto;}

form#contactoform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:4px;
	font-size:12px;
	color:#333;
	background:#FFF;
}

form#contactoform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	background:#FFF;
}

.icon-privacidad2{ float:right; margin:0px; position:relative; right:-250px; top:100px; }
.icon-privacidad2 a:link{ text-decoration:none; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:9pt; }
.icon-privacidad2 a:visited{color:#333;}
.icon-privacidad2 a:hover{text-decoration:underline;}