* {margin:0;padding:0}
html, body {height:100%}
html {min-width:1000px}
body { background: url(images/fondo.png) #cc3300;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#242424}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul, ol {list-style:none; text-indent:0px}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* GLOBAL */
#principal {width:1000px;margin:0 auto;font-size:.8125em;position:relative}
#header { width:100%; height:150px; background-image:url(images/bg-header.png)}
#content {padding:0 5px 5px 20px}
#content .aside {float:left;width:200px}
#content .mainContent {float:right;width:755px; min-height:450px}
#footer {padding:0 20px 30px 20px}

input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}

.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:20px}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:9px}
.p2 {margin-bottom:18px}
.p3 {margin-bottom:27px}
/* txt, links, lineas, titulos */
a {color:#fff;outline:none}
a:hover{text-decoration:none}
h1 {width:399px;height:138px;background:url(images/logo.jpg) no-repeat left top;text-indent:-9999em}
h1 a {display:block;width:399px;height:138px}
h2 {background:url(images/title-bg.jpg) no-repeat left top;height:47px;font-size:18px;line-height:47px;color:#fff;text-transform:uppercase;font-weight:normal;padding:0 0 0 28px}
h3 {font-size:18px;line-height:1.2em;color:#fff;text-transform:uppercase;margin-bottom:15px}
h4 {font-size:14px;font-weight:normal;padding-left:1px;color:#fff}
h4 span {display:block;padding-right:1px}
h4 span span {padding:5px 0 5px 19px;  background-image:-moz-linear-gradient(top,#000 ,#333, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#333, #000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', startColorstr='#000000', gradientType='0');}
h5 {font-size:1em;color:#fff}
h5 a {text-decoration:none}
h5 a:hover {text-decoration:underline}
h6 { background:url(images/title-bg.jpg) no-repeat left top;height:47px;font-size:12px;line-height:50px;color:#fff;text-transform:uppercase; text-align:center}
h7 {
font-family:Verdana, Geneva, sans-serif;
font-size; 11px;
text-align:center;
color:#fff;
text-shadow:#000 2px 2px 2px;
line-height:80px;
margin-left:10px }
#titulos { width:200px; height:100%; border-radius:10px 0 0 10px; padding:20px 0 0 60px; color:#FFF; letter-spacing:1px; font-weight:bold;font-size:16px;}
/********************************************************  Inicio  ************************************************************************/
/* boxes */
.box {width:100%}
.box .inner {padding:25px 30px 10px 0px}
.box .inner .inner, .box1 .inner .inner, .box2 .inner .inner {padding:0px 0 0 0}
.box1 {background:url(images/box1-bg.png) left top;width:200px; height:250px; margin-top:5px; margin-bottom:20px; border-radius:5px; box-shadow:10px 10px 10px #000}
#cen-noti { padding:0 8px; font-size:11px}
.box2 {width:740px; height:450px; font-family:Tahoma, Geneva, sans-serif; margin:10px 20px 0 0; box-shadow:10px 10px 10px #000}
.box2 .inner {padding:0px 0px 0px 0px}
.tit-emp { padding:5px; background-image:-moz-linear-gradient(top,#000 ,#DB5B0F, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#DB5B0F, #000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#DB5B0F', startColorstr='#000000', gradientType='0')}
/* header */
.extra-bg {position:absolute;background:url(images/extra-bg.png) no-repeat left top;width:397px;height:333px;top:7px;left:5px;z-index:10}
#header .row-1 {height:61px;background:url(images/header-bg-top.gif) left top repeat-x;overflow:hidden}
#header .top-links {float:left;padding:16px 0 0 23px;position:relative;z-index:11}
#header .top-links li {float:left}
#header .nav {float:right;padding:18px 0 0 0;position:relative;z-index:12}
#header .nav li {float:left;background:url(images/divider.gif) no-repeat left top;padding:0 42px 0 43px;font-size:15px;line-height:1.2em}
#header .nav li.first {background:none}
#header .nav li a {color:#fff;text-decoration:none;text-transform:uppercase;float:left;padding:3px 0 3px 0}
#header .nav li a:hover {color:#b95126}
#header .row-2 {padding:43px 0 0 564px}
/* content */
#content .aside .section {padding-bottom:20px}
#content .mainContent .section {padding-bottom:35px}
#content .mainContent .indent {padding:22px 20px 0 30px}
#content .inner_copy {border:0;color:#fff;float:left;width:50%!important;margin:-100px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
#content dl dt {color:#fff;font-weight:normal; font-size:11px}
#content dl dd {padding-bottom:18px}
#content dl dd.last {padding-bottom:0}
.img-list li {width:100%;overflow:hidden;padding-bottom:2px;vertical-align:top}
.img-list li.last {padding-bottom:0}
.img-list li img {float:left;margin:12px 10px 0 0}
.img-list li h5 {padding-top:10px}
.list1 li {width:100%;overflow:hidden;padding-bottom:17px}
.list1 li img {float:left;margin-right:15px}
.list2 {padding-bottom:18px}
.list2 li {background:url(images/arrow1.gif) no-repeat left 7px;padding:0 0 0 12px;position:relative}
.list2 li a {font-weight:bold}
/* footer */
#footer { /*height:30px;*/ overflow:hidden; font-family:Tahoma, Geneva, sans-serif; margin-top:0px; background-image:-moz-linear-gradient(top,#000 ,#cc3300, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#cc3300, #000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#cc3300', startColorstr='#000000', gradientType='0');}
#footer .nav {padding:10px 10px 10px 0;text-align:left; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px}
#footer .nav li {display:inline}
#footer .nav li a {color:#fff;font-size:12px;background:url(images/divider1.gif) no-repeat left 4px; padding:0 65px 0 65px}
#footer .nav li a.first {background:none}
/* forms */
#poll-form fieldset {border:none}
#poll-form label {display:block;vertical-align:top;width:100%;overflow:hidden;height:24px}
#poll-form input.radio {width:14px;height:14px;margin-right:5px}
#poll-form input.submit {background:url(images/vote.gif) no-repeat left top;width:77px;height:20px;color:#fff;text-align:center;border:none;font-size:14px}
#poll-form div {padding-top:16px}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:107px;line-height:18px;padding-bottom:4px;font-weight:bold}
#contacts-form input {width:265px;padding:0 0 0 3px;background:#fff;border:1px solid #952a10;color:#111;float:left}
#contacts-form textarea {width:484px;height:280px;padding:1px 0 1px 3px;background:#fff;border:1px solid #952a10;color:#111;margin-bottom:15px;overflow:auto;float:left}
#contacts-form a {float:right;background:url(images/send-button.gif) no-repeat left top;width:178px;height:20px;line-height:20px;color:#fff;text-decoration:none;text-align:center}
#contacts-form a:hover {text-decoration:underline}

ul.nav {list-style:none; width:200px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
ul.nav li {position:relative; border-bottom:1px solid #333; display:block; height:30px; overflow:hidden}
/*ul.nav li:hover { background-color:#ffcc66}*/
ul.nav li a {position:relative; color:#fff; text-decoration:none; display:block; height:20px; padding:10px 0 0 0; z-index:100; text-transform:uppercase; letter-spacing:1px}
ul.nav li a:hover { color:#F90}

#ban { width:1000px; height:150px; position:relative; margin:auto; z-index:1}
#mas { width:1000px; height:150px; margin:auto; margin-top:-150px; position:relative; z-index:2; background-image:url(images/mas1.png)}
#logo { width:280px; height:100px; position:relative; z-index:3; background-image:url(images/logo.png)}
#nume { float:right; margin:5px 10px 0 0; text-align:center; font-family: 'Wendy One', sans-serif; font-size:14px; color:#fff; text-shadow:1px 1px 1px #000; box-shadow:5px 5px 15px #fff; padding:5px 30px; border-radius:80px; background:#cc3300; letter-spacing:1px}
#tel { float:left; margin:100px 0 0 40px; text-align:center; font-family: 'Racing+Sans+One', sans-serif; font-size:18px; color:#FFF; text-shadow:1px 1px 1px #000; box-shadow:-5px 5px 15px #fff; padding:10px 20px; border-radius:30px; background: #cc3300; letter-spacing:1px}

#fotito { width:50px; height:50px; float:left; margin:0 5px 5px 0}
#leer { width:80px; height:20px; float:right; margin-right:10px; margin-top:10px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;  background-image:-moz-linear-gradient(top,#000 ,#333, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#333, #000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', startColorstr='#000000', gradientType='0');}
#leer:hover { background-color:#999; color:#CCC} 
.caption {display:none; cursor:pointer}
#ser-index { width:1000px; overflow:hidden; position:relative; margin:auto; margin-bottom:20px; text-align:center }
#ser-index ul li { list-style: none; display: inline-block}
#ser-index ul li img:hover { opacity:.50}
#ser { height:90px; padding:0 2px; border-radius: 5px; text-align:left; margin-left:40px}
#linea { height:10px; margin-top:0px; background-image:-moz-linear-gradient(top,#000 ,#333, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#333, #000);}
#col { width:900px; margin:auto; margin-top:30px} 
#columna { width:280px; float:left; margin-left:20px; font-size:11px}
#columna a img:hover { opacity:.50}
#columna2 { width:250px; float:left; margin-left:20px; font-size:11px; text-align:center}
#columna2 li a:hover { color:#F90}

/********************************************************  La empresa  ************************************************************************/
.box3 {width:720px; font-family:Tahoma, Geneva, sans-serif; margin:5px 20px 15px; text-align:justify; overflow:hidden; float:right; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:20px; background:url(images/box1-bg.png); border-radius:10px; box-shadow:10px 10px 10px #000 }
#centrar { width:600px; margin:30px auto 0}
.sub-lin { width:83%; margin:auto; border:1px solid #FFF} 
.izq { width:100%; height:35px; background:url(images/box1-bg.png); border-radius:10px 10px 0 0; padding:5px 0 0 0; text-indent:30px; line-height:30px; margin-bottom:20px; font-weight:bold}
.ache { text-decoration:none; color:#333}
.box1 a { font-size:14px}
.box1 a:hover { font-size:15px; color:#FFF}
#foto-empresa { width:680px; margin:auto; margin:10px auto 15px; overflow:hidden; box-shadow:10px 10px 10px #000}

/********************************************************  Servicios  ************************************************************************/
.box5 {width:755px; min-height:492px; margin:5px 0 15px; text-align:justify; overflow:hidden; float:right; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(images/box1-bg.png); border-radius:10px }
.izq-chico { width:80px; float:right; background:url(images/box1-bg.png); border-radius:10px; padding:5px; margin-bottom:20px; font-weight:bold}
.izq-chico:hover { color:#F90; cursor:pointer}
.izq-chico2 { width:80px; float:right; background:url(images/box1-bg.png); border-radius:10px; padding:5px; margin-bottom:20px; font-weight:bold; font-size:11px; margin-top:20px; text-align:center}
.izq-chico2:hover { color:#F90}

#carteles { width:755px; min-height:492px; margin-top:-250px; margin-left:0px; position:relative; z-index:10; background: url(images/box1-bg.png) #C30; font-family:Tahoma, Geneva, sans-serif; text-align:justify; overflow:hidden; float:left; border-radius:10px; display:none}
#con-carteles { width:700px; min-height:220px; margin:20px auto; overflow:hidden; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding:10px 0}
#imagen-carteles { width:700px; height:200px; margin:auto}

#impresiones { width:755px; min-height:492px; margin-top:-250px; margin-left:0px; position:relative; z-index:10; background: url(images/box1-bg.png) #C30; font-family:Tahoma, Geneva, sans-serif; text-align:justify; overflow:hidden; float:left; border-radius:10px; display:none}

#service { width:755px; min-height:492px; margin-top:-295px; margin-left:0px; position:relative; z-index:10; background: url(images/box1-bg.png) #C30; font-family:Tahoma, Geneva, sans-serif; text-align:justify; overflow:hidden; float:left; border-radius:10px; display:none}

#letras { width:755px; min-height:492px; margin-top:-266px; margin-left:0px; position:relative; z-index:10; background: url(images/box1-bg.png) #C30; font-family:Tahoma, Geneva, sans-serif; text-align:justify; overflow:hidden; float:left; border-radius:10px; display:none}

/********************************************************  fotos  ************************************************************************/
.tit-fot { padding:5px; background-image:-moz-linear-gradient(top,#000 ,#DB5B0F, #000);
 background-image:-webkit-linear-gradient(top,#000 ,#DB5B0F, #000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#DB5B0F', startColorstr='#000000', gradientType='0')}
.box-foto {width:740px; font-family:Tahoma, Geneva, sans-serif; margin:auto; margin-top:-10px}
#menu-fotos { width:740px; height:200px; margin:auto; margin-top:-20px}
#fotos-sueltas { width:740px; height:400px; margin:auto; margin-bottom:15px}

/********************************************************  Contacto  ************************************************************************/
.box4 {
width:730px; 
min-height:450px; 
font-family:Tahoma, Geneva, sans-serif; 
margin:10px 20px; 
text-align:justify; 
overflow:hidden; 
border-radius:10px; 
box-shadow:10px 10px 10px #000; 
float:right; 
color:#FFF; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
line-height:20px;
background:url(images/box1-bg.png);
}
#contacto { float:left; width:380px; margin:10px 0 0 50px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333}
#titulos-con { width:200px; height:100%; border-radius:10px 0 0 10px; padding:20px 0 0 60px; color:#333; letter-spacing:1px; font-weight:bold;font-size:16px;}
.sub-lin-con { width:95%; margin:auto; border:1px solid #333} 
.enviar { width:100px}
.datos { width:200px; overflow:hidden; float:left; margin:20px 0 0 50px; /*line-height:10px;*/ font-size:14px; color:#333}
#mapa { width:630px; height:250px; background-color:#CCC; margin:20px; margin-left:50px; float:left; box-shadow:10px 10px 10px #000; margin-bottom:50px}
.der{ width:100%; height:35px; background:url(images/box1-bg.png); border-radius:10px 10px 0 0; padding:5px 0 0 0; text-indent:30px; line-height:30px; margin-bottom:20px; font-weight:bold}
.dire { background:url(images/icono_direccion.png) no-repeat; padding:5px 0 5px 35px}
.tel { background:url(images/icono_tel.png) no-repeat; padding:5px 0 5px 35px}
.mail { background:url(images/icono_mail.png) no-repeat; padding:5px 0 5px 35px}
.web { background:url(images/icono_web.png) no-repeat; padding:5px 0 5px 35px}
.brujula { background:url(images/icono_brujula.png) no-repeat; padding:5px 0 5px 35px}

/************************************************ Noticias ********************************************************/
#imagen-noti { width:250px; height:150px; float:left; margin-right:15px; box-shadow:10px 10px 10px #000;}
.arriba { width:80px; float:right; background:url(images/box1-bg.png); border-radius:10px; padding:3px; margin-bottom:10px; font-weight:bold; font-size:11px; margin-top:0px; text-align:center}
.arriba:hover { color:#F90}