@import url('body.css');
@import url('content.css');
@import url('novedades.css');

/**/
#container{ width: 980px; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{ float: left; width: 100%; background-color: #333C42; border-top-width: 6px; border-top-style: solid; border-top-color: #BD1521; background-image: url(../img/1.jpg); background-repeat: repeat-x; background-position: left -4px; position: relative; z-index: 100; }
#nav{float:left; width:100%;}
#slide{ float: left; width: 100%; height: 400px; color: #FFF; text-decoration: none; }
#footer{ float: left; width: 940px; padding-top: 20px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; font-size: 11px; color: #FFF; text-decoration: none; }


/*LINKS*/
.links{ text-decoration: none; color: #CCC; }
.links:hover{ text-decoration: none; color: #FFF; }

/*TOP*/
.logo{ float: left; width: 300px; height: 50px; margin-top: 20px; margin-left: 20px; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center center; }
.logo a { display: block; text-indent: -100px; overflow: hidden; height: 50px; }
.top_box1{ float: left; width: 100%; height: 85px; }
.top_box2{ float: left; width: 100%; height: 40px; }

/*SLIDE*/
.slide_box1{ float: left; width: 350px; margin-top: 80px; height: 200px; font-size: 25px; margin-left: 20px; }
.slide_box2{ float: right; width: 600px; height: 400px; }

/*CONTENT*/
.module1{ float: left; width: 100%; }
.module2{ float: left; width: 940px; background-color: #666; color: #FFF; text-decoration: none; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; background-image: url(../img/4.jpg); background-position: left top; background-repeat: repeat-x; }
.module3{float:left; width:300px;}
.module4{float:left; width:300px;}

.module1_sub1{ float: left; width: 250px; background-color: #242422; height: 90px; color: #FFF; text-decoration: none; padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-image: url(../img/2.jpg); background-repeat: no-repeat; background-position: left -5px; }
.module1_sub1_1{ float: left; width: 250px; font-size: 30px; }
.module1_sub1_1 em{ float: left; display: block; font-size: 12px; font-weight: normal; font-style: normal; color: #D6D6D6; }
.module1_sub1_2{ float: left; width: 250px; margin-top: 15px; font-size: 11px; }
.module1_sub2{ float: left; width: 460px; background-color: #B98386; color: #FFF; text-decoration: none; height: 100px; background-image: url(../img/3.jpg); background-position: right top; padding-top: 15px; padding-right: 175px; padding-bottom: 15px; padding-left: 15px; background-repeat: no-repeat; }
.data_col{ float: left; width: 115px; font-size: 11px; background-image: url(../img/ico1.png); background-position: left 5px; padding-left: 15px; background-repeat: no-repeat; margin-right: 20px; }

.module2_sub1{ float: left; width: 310px; margin-bottom: 25px; clear: both; line-height: 50px; color: #FFF; text-decoration: none; background-color: #8E0F18; text-indent: 20px; text-transform: uppercase; }
.module2_sub2{ width: 23%; float: left; padding-right: 2%; }
.module2_sub2 .data{ color: #DFDFDF; }


/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{ float: left; width: 550px; }
.footer_box2{ float: right; width: 100px; }
.footer_box3{ float: right; width: 250px; margin-right: 20px; text-align: right; padding-top: 60px; background-image: url(../img/5.png); background-repeat: no-repeat; background-position: 75px top; padding-right: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #D6D6D6; }
.footer_box4{float:left; width:100px;}


/*BACKGROUNDS*/
.back_home{ background-image: url(../img/back_main.jpg); background-repeat: repeat-x; background-position: left top; }
.back_inside{ background-image: url(../img/back-inside.jpg); background-repeat: repeat-x; background-position: top; background-color: #3A3B3D; }
.back_1{ background-image: url(../img/fondos/fondo_home.jpg); background-repeat: no-repeat; background-position: center top; }
.back_2{ background-image: url(../img/fondos/fondo_interno.jpg); background-repeat: no-repeat; background-position: center top; }


/*INSIDE*/
#slide_inside{ float: left; width: 100%; font-size: 30px; padding-top: 45px; padding-bottom: 45px; text-indent: 25px; text-transform: uppercase; color: #FFF; text-decoration: none; }

/*QUIENES*/
.quienes_module{ float: left; width: 100%; background-color: #FFF; color: #FFF; text-decoration: none; }
.quienes_module_1{ float: left; width: 940px; font-size: 19px; text-align: center; letter-spacing: -1px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; background-image: url(../img/8.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; color: #666; }
.quienes_module_2{ float: left; width: 450px; height: 120px; padding-top: 280px; padding-right: 20px; padding-left: 20px; background-image: url(../img/foto_1.jpg); background-repeat: no-repeat; background-position: left top; color: #D6D6D6; }
.quienes_module_3{ float: left; width: 450px; height: 120px; padding-top: 280px; padding-right: 20px; padding-left: 20px; background-image: url(../img/foto_2.jpg); background-repeat: no-repeat; background-position: left top; color: #D6D6D6; }
.quienes_module_3 span, .quienes_module_2 span{ display: block; font-size: 21px; }


/*CAJA VALORES*/

.guarda_module{ float: left; width: 940px; text-align: center; background-image: url(../img/9.jpg); background-repeat: repeat-x; background-position: top; color: #FFF; text-decoration: none; background-color: #222423; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
.guarda_module_1{ float: left; width: 100%; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; }
.guarda_module_2{ float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; }
.guarda_module_2 span { display: block; width: 270px; padding-top: 155px; padding-bottom: 40px; display: block; text-align: center; float: left; margin-right: 10px; margin-left: 10px; background-image: url(../img/img_3.png); background-repeat: no-repeat; background-position: center center; font-size: 18px; font-weight: bold; text-transform: uppercase; }
.guarda_module_2 span em { display: block; font-size: 12px; text-transform: none; }

.guarda_module_3{ float: left; width: 60%; text-align: left; padding-right: 30%; padding-top: 20px; height: 220px; font-size: 21px; background-image: url(../img/img2.png); background-repeat: no-repeat; background-position: right bottom; padding-left: 10%; color: #CCC; }


/*SERVICIOS*/
.serv_module{ float: left; width: 940px; text-align: center; padding-top: 20px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; background-image: url(../img/img3.png); background-color: #1D1F1E; background-position: right bottom; background-repeat: no-repeat; }
.serv_module_1{ float: left; width: 550px; height: 300px; text-align: left; }
.serv_module_2{ float: right; width: 300px; height: 350px; }

.list_servicios{ margin: 0px; padding: 0px; }
.list_servicios ul { margin: 0px; padding: 0px; }
.list_servicios ul li{ line-height: 50px; text-indent: 35px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); color: #FFF; text-decoration: none; margin-bottom: 4px; background-image: url(../img/10.png); background-repeat: no-repeat; background-position: left center; }

/*NOVEDADES*/
.content_inside{ float:left; width:100%; background-color:#FFF; color:#000;}
.col_left{ float: left; width: 630px; margin-top: 20px; margin-left: 20px; }
.col_right{ float: right; width: 282px; background-color: #15191C; color: #FFF; text-decoration: none; }

/*CONTACTO*/

.contact_module_1{ float: left; width: 480px; text-align: left; background-color: #272929; color: #FFF; text-decoration: none; height: 450px; }
.contact_module_2{ float: right; width: 440px; padding: 20px; }

.contact_module_1_sub1{ float: left; width: 420px; font-size: 16px; padding: 30px; }
.contact_module_1_sub2{ float: left; width:100%; }
.contact_module_1_sub3{ float: left; width: 300px; padding-top: 30px; padding-left: 30px; background-image: url(../img/5.png); background-repeat: no-repeat; background-position: right 35px; font-size: 11px; padding-right: 60px; }

/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/



/* /////////   GRALS  //////// */

.title{ float: left; width: 100%; margin-bottom: 10px; text-transform: capitalize; font-weight: bold; }
.data{float:left; width:100%;}


/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; text-transform: capitalize; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #2B2F33; border-left-color: #93928C; }
#menuh a { text-decoration: none; color: #FFF; display: block; text-align: center; line-height: 40px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; font-size: 11px; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { color: #FFF; text-decoration: none; background-color: #AF131E; }


/*MENU HORIZONTAL FOOTER*/
#menuh_footer { }
#menuh_footer ul, li { list-style-type: none; }
#menuh_footer ul { margin: 0; padding: 0; }
#menuh_footer li { float: left; }
#menuh_footer a { text-decoration: none; color: #FFF; display: block; text-align: center; line-height: 20px; padding-right: 10px; padding-left: 10px; text-transform: capitalize; font-size: 11px; }
#menuh_footer a:hover { color: #FFF; text-decoration: underline; }

/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*//////////   CONTACT  ////////*/

#contact-area * { margin: 0; padding: 0; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 440px; margin-top: 30px; }
#contact-area input, #contact-area textarea { padding: 5px; width: 350px; font-family: Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { width: 100px; float: right; background-color: #CC0000; color: #FFF; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 30px; height: 30px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0px; padding: 0px; margin-right: 50px; }
#contact-area label { float: left; text-align: left; margin-right: 15px; width: 60px; padding-top: 5px; font-size: 11px; color: #666; }