/* CSS LOHE*/


*{padding: 0; margin: 0;}
body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color:#FFF; background-image:url(../img/bg-fondo.jpg); background-repeat:no-repeat; background-position:top center; color:#575656;}
img{border:0;}
.clear-l{clear:left;}
.clear-r{clear:right;}

h1{color:#cc312f; font-size:24px;}

/*Bandas*/
#superior{width:100%; background-image:url(../img/bg-superior.jpg); background-repeat:repeat-x; height:68px;}
#pie{width:100%; background-image:url(../img/bg-pie.jpg); background-repeat:repeat-x; height:120px; text-align:center; color:#FFF; padding:50px 0 0 0;}
#pie a, #pie a:visited{color:#FFF;}

/*Contenedor*/
#contenedor{width:1024px; margin:auto;}

/*Cabecera*/
#cabecera{width:1024px; }
#logo{float:left; width:195px;}
#menu{float:left; width:829px;}
#menu ul{margin:15px 0 0 49px;}
#menu ul li{float:left; list-style:none;}
#menu ul li a, #menu ul li a:visited{color:#000; height:15px; display:block; padding:15px 9px 15px 10px; text-decoration:none;}
#menu ul li a:hover{background-color:#005597; color:#FFF;}
#menu ul li.active a{background-color:#005597; color:#FFF;}


/*Contenido*/

#contenido{width:1024px; margin:40px 0 0 0;}
#actualidad{width:660px; float:left; margin:0 15px 0 0;}
#marcas{width:333px; float:left; margin:0 0 0 15px}
.tit{font-weight:bold; border-bottom:1px solid #8c8a8a; font-size:18px;}

.not{width:660px; margin:20px 0 0 0;}
.marco-img{background-image:url(../img/bg-imgnot.jpg); background-repeat:no-repeat; float:left; width:191px; height:106px; padding:10px;}
.not-img{width:180px; height:93px; overflow:hidden;}
.not-img img{width:180px;}

.not-text{width:445px; float:left; line-height:16px;}
.not-text strong{font-size:14px;}
.not-text strong a, .not-text strong a:visited{color:#000;}
.not-text .fecha{font-size:10px; color:#00baff;}
.not-text a, .not-text a:visited{color:#00baff; text-decoration:none;}
.not-text a:hover{text-decoration:underline;}

.mitad{float:left; width:492px; margin:10px;}

#izq{float:left; width:340px;}
.menu{width:340px; margin:20px 0 0 0;}
.menu li{list-style:none;}
.menu li a, .menu li a:visited{text-decoration:none; color:#000; font-weight:bold; font-size:14px; width:300px; padding:5px 0 5px 40px; display:block;}
.menu li a:hover{background-color:#005597; color:#FFF;}
.menu li.active a{background-color:#005597; color:#FFF;}

#der{float:left; width:624px; margin:0 0 0 60px;}
.texto{margin:20px 0 0 0; line-height:18px;}
.texto ul{margin:0 0 0 40px;}
.texto a, #der .texto a:visited{color:#005697; text-decoration:none;}
.texto a:hover{text-decoration:underline;}
.texto img{border:3px solid #F3F3F3; margin:0 10px 0 10px; padding:10px; float:left;}

/*SLIDE*/

#page-wrap{ background: white; width: 1022px; margin: 0 auto;  }
#slider{height: 325px; overflow: hidden; position: relative; margin: 20px 0; border:1px solid #999; background-color:#FFF; background-image:url(../img/bg-slider.jpg); background-repeat:repeat-x;}
								  
                                /* 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: 40px 30px; width: 1022px; float: left; position: relative; }
.slide h1{ font-family: Helvetica, Sans-Serif; font-size: 40px; letter-spacing: -1px; color: #44ccff; margin:0 0 20px 0;}
.slide p{ color: #000; font-size: 20px; line-height: 24px; width: 350px; }
.slide img{ position: absolute; top: 1px; left: 420px; }
#slider-stopper{ position: absolute; top: 1px; right: 20px; color: #CCC; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }



/*Formulario*/

.errors{color:#005597; width:490px;}
form{width:492px;}
fieldset{border:0; width:492px;}
label{width:150px; text-align:left; display:block; float:left; margin:5px 10px 0 0;}
input{float:left; margin:3px 0; border:1px solid #CCC;}
input[type="text"]{width:200px;}
textarea{float:left; margin:3px 0; border:1px solid #CCC; width:200px;}
input[type="submit"]{margin:0 5px 0 190px;}
input[type="reset"]{margin:0 5px;}
select{width:200px;}


/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 333px;
	height: 80px;
	background: #FFF url('../img/loading.gif') no-repeat center center;
	overflow: hidden;
	 border-bottom:1px solid #8c8a8a; }
	
#featured>img,  
#featured>div,
#featured>a { display: none; }




/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden; }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../img/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 0;
    left: 0;
    background: url(../img/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(../img/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 35px;
    height: 80px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(../img/right-arrow.png);
	background-repeat:no-repeat;
    right: 0;
	top:70px}

div.slider-nav span.left {
    background: url(../img/left-arrow.png);
	background-repeat:no-repeat;
    left: 0;
	top:70px; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../img/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }