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



*{font-family: Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:0;}
img{border:none;}
.clear{clear:both;}
#cabecera{width:600px; height:150px;margin:0px auto -20px auto;}
#f_menu{width:100%; height:66px; background:url(../imagenes/sombra_menu.png) repeat-x; float:left;}
#menu{width:638px; height:27px;margin:15px auto 0 auto; color:#fff; font-weight:bold;}
#contenedor{width:638px; height:auto; min-height:250px; background:url(../imagenes/fondo_cont.png) repeat-y; margin:0px auto; position:relative; }
#contenedor_bottom , #contenedor_up{width:638px; height:29px;}
#contenedor_up{background:url(../imagenes/borte_arriba.png) no-repeat; margin:70px auto 0px auto;}
#contenedor_bottom{background:url(../imagenes/borte_abajo.png) no-repeat; margin:0px auto;}
#pie{width:638px; height:82px; margin:0 auto;}
.facebook{width:auto; height:82px; float:right; margin:0 -10px;}

#menu ul {
clear: both;
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;

}
#menu ul li {
float: left;
padding:0 5px;
}
#menu ul li a {
display: block;
text-decoration: none;
}



/*-----------------------home-----*/
#texto{width:320px; height:auto; color:#FFF; float:left;}
#texto p{margin:30px 0 0 50px;  letter-spacing:2px; text-align:left; font-size:13px; font-weight:bold;}
#foto{width:300px; height:271px; float:right;}


/*-----------------multimedia----------*/

#titulo{height:auto; width:100%; margin:0 30px; float:left;}
.fotos{width:130px; height:160px; float:left; margin:30px 10px 10px 60px;}

.fotos .titulo{width:auto; height:auto; float:left;}
.fotos .foto_thumb{height:auto; width:auto; float:right;}

/*-------contato----*/
div.input{width:300px; height:21px; float:left; margin:10px 0 15px 20px; font-size:13px;}
div.input input{background:url(../imagenes/input.png) no-repeat; width:167px; height:21px; float:right; border:none; color:#FFF; font-weight:bold;}
div.input label{width:auto; height:21px; float:right; text-align:right; margin-right:3px;}
div.textarea{width:300px; height:200px; float:right; margin:10px 0 0 0;}
div.textarea textarea{width:270px; height:152px; background:url(../imagenes/text_area.png) no-repeat; border:none; color:#FFF; font-weight:bold; float:left; margin-top:30px;}
div.textarea label{width:250px; height:21px; float:left; text-align:left; margin-right:3px;}
.boton {border:none; background:none; color:#FFF; font-size:13px; font-weight:bold; float:right; margin:25px; cursor:pointer;}


/*--------------videos------------*/
#video{width:400px; height:300px; float:left; margin:0 118px; background:none;}

#videos a div{width:169px; height:103px; }
#videos{ width:638px; height:auto; margin:15px auto;}
#videos a.v1 { display: block; float: left; margin: 0 0 10px 16px; background:url(../imagenes/btn_video_promo_2010.png) top; }
#videos a.v1:hover{background:url(../imagenes/btn_video_promo_2010.png) bottom;}
#videos a.v2 { display: block; float: left; margin: 0 0 10px 16px; background:url(../imagenes/btn_lalola.png) top; }
#videos a.v2:hover{background:url(../imagenes/btn_lalola.png) bottom;}

/*-----------multimedia------*/
#video_m , #fotos {width:278px; height:250px; float:left; margin:5px 10px;}



/*------slider------------*/




h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ width: 630px; margin: 0 auto; 
								  padding:0; }

#slider							{ height: 500px; overflow: hidden;
								  position: relative; margin: 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 0px 30px; width: 630px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ width:270px;   letter-spacing:1px; text-align:left; font-size:12px; font-weight:normal;}

#slider-stopper					{ position: absolute; top: 0px; right: 20px; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
.slide .foto_slide{width:296px; height:496px;position: absolute; top: 20px; left: 325px;}




/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #bbb; display: block; float: left; padding: 0px 10px;}
#example-one li a:hover { color: white; }
#magic-line { position: absolute; bottom: 0px; left: -5px; width: 100px; height: 1px; background:#3F0; }




.current_page_item a, .current_page_item_two a { color: white !important; }