/* Servicios Aduanales Continental 2008 */

/*                         INICIO DE LA PARTE GENERAL DEL CSS                                           */
*{margin: 0; padding: 0; border: 0; font-weight: normal;}
strong{font-weight: bold;}
#welcome strong{font-weight: normal;}
body{margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
	text-align: center; line-height: 1.3em; color: #000066; background: #006 url(../images/footer-wrap-bg.jpg) 50% 0 repeat-y;}
a{color: #5c4c39; cursor: pointer;}
a:hover{color: #fff;}

/* Propiedades generales */
#header, #nav, #content, #lower-content, #footer{width: 960px; margin: 0 auto; position: relative;}

/* Diferentes links que se encuentran en el encabezado*/
#header-wrap{height: 34px; background: #530000 url(../images/header-bg.gif) bottom left repeat-x;}
#header{position: relative; height: 34px;}
#header a{color: #9e9e9e; font-size: 12px;}
#header p{position: absolute; top: 10px; right: 0; text-align: right; color: #fff; font-size: 12px;}
#header a{color: #fff;}
#header a:hover{color: #ff5555;}
#header a.current{color: #ff5555;}

/* Logotipo y Caja de Navegación */
#nav-wrap{height: 110px; background: #530000 url(../images/nav-wrap-bg.gif) repeat-x;}
#nav{height: 110px; background: url(../images/nav-bg.jpg) top left no-repeat;}
#nav img{position: absolute; bottom: 12px; left: 0px;}

/**** MENU DE NAVEGACION *******************************************/
#nav-box{width: 561px; position: absolute; bottom: 0; right: 0; height: 110px; background: url(../images/nav2.jpg) top left no-repeat;}
#nav-box ul{list-style-type: none; height: 110px; margin: 0; padding: 0;}
#nav-box li{float: left; cursor: pointer; }
#nav-box li a{height: 0; margin: 0; padding-top: 110px; color: #530000; overflow: hidden; cursor: pointer; background: url(../images/nav2.jpg) no-repeat; display: inline; float: left; position: relative;}
#nav-box li a:active, #nav-box li a:hover{cursor: pointer;}
/* parte estatica*/
#nav-box li#index a{width: 96px; background-position: 0 0;}
#nav-box li#empresa a{width: 93px; background-position: -96px 0;}
#nav-box li#servicios a{width: 93px; background-position: -189px 0;}
#nav-box li#calidad a{width: 93px; background-position: -282px 0;}
#nav-box li#clientes a{width: 93px; background-position: -375px 0;}
#nav-box li#equipo a{width: 93px; background-position: -468px 0;}

/* area actual*/
#nav-box li#index a.current, #nav-box li#index a.current:hover, #nav-box li#index a.current:active{width: 96px; background-position: 0 -110px;}
#nav-box li#empresa a.current, #nav-box li#empresa a.current:hover, #nav-box li#empresa a.current:active{width: 93px; background-position: -96px -110px;}
#nav-box li#servicios a.current, #nav-box li#servicios a.current:hover, #nav-box li#servicios a.current:active{width: 93px; background-position: -189px -110px;}
#nav-box li#calidad a.current, #nav-box li#calidad a.current:hover, #nav-box li#calidad a.current:active{width: 93px; background-position: -282px -110px;}
#nav-box li#clientes a.current, #nav-box li#clientes a.current:hover, #nav-box li#clientes a.current:active{width:93px; background-position: -375px -110px;}
#nav-box li#equipo a.current, #nav-box li#equipo a.current:hover, #nav-box li#equipo a.current:active{width:93px; background-position: -468px -110px;}

/* area seleccionada */
#nav-box li a span{cursor: pointer; overflow:hidden; position: absolute; top: 0; left: 0; display:none; height: 0; margin: 0; padding-top: 110px;} 
#nav-box li#index a:hover, #nav-box li#index a:hover span{width: 96px; background: url(../images/nav2.jpg) 0 -220px;}
#nav-box li#empresa a:hover, #nav-box li#empresa a:hover span{width: 93px; background: url(../images/nav2.jpg) -96px -220px;}
#nav-box li#servicios a:hover, #nav-box li#servicios a:hover span{width: 93px; background: url(../images/nav2.jpg) -189px -220px;}
#nav-box li#calidad a:hover span{width: 93px; background: url(../images/nav2.jpg) -282px -220px;}
#nav-box li#clientes a:hover span{width: 93px; background: url(../images/nav2.jpg) -375px -220px;}
#nav-box li#equipo a:hover span{width: 93px; background: url(../images/nav2.jpg) -468px -220px;}

/* Clicked area*/
#nav-box li#index a:active, #nav-box li#index a:active span{width: 96px; background-position: 0 -330px;}
#nav-box li#empresa a:active, #nav-box li#empresa a:active span{width: 93px; background-position: -96px -330px;}
#nav-box li#servicios a:active, #nav-box li#servicios a:active span{width: 93px; background-position: -189px -330px;}
#nav-box li#calidad a:active, #nav-box li#calidad a:active span{width: 93px; background-position: -282px -330px;}
#nav-box li#clientes a:active, #nav-box li#clientes a:active span{width: 93px; background-position: -375px -330px;}
#nav-box li#equipo a:active, #nav-box li#equipo a:active span{width: 93px; background-position: -468px -330px;}
/* FINAL DE LAS OPCIONES DE NAVEGACION */

/* Main Content */
h2, h3{color: #fff; font-size: 22px; line-height: 25px; font-weight:normal; font-stretch:expanded; margin-bottom: 3px;}
#content-wrap{border-top: 6px solid #530000; background: #fff9e6 url(../images/content-bg.gif) repeat-x}
#content{overflow: hidden;}
#left-col{width: 363px; float: left; padding-top: 15px;}
#left-col h1{font-size: 19px; text-align: left; font-weight: normal; color: #000033; line-height: 24px;}
#left-col p{padding-top: 0.7em; text-align:justify; color: #009;}
#left-col li{margin-bottom: 5px; padding-left: 25px; background: url(../images/vineta.png) 0px 50% no-repeat; text-align:left; color: #009;}
p.last{padding-bottom: 1.1em;}
#left-col a{color: #4a3a1e; padding: 2px 1px;} #left-col a:hover{background: #f2e5cd; color: #000; padding: 2px 1px;}
#right-col{height: 100%; position: absolute; right: 0; top: 0; margin-top:0px; width: 562px; background: #d4d6fb url(../images/content-bg2.jpg) repeat-x;}
#slideshow{position: relative; width: 521px; height: 340px; margin: 0 auto;  padding: 0; top:15px; border:2px #000066 outset; }
#slideshow img{position: absolute; width: 521px; height: 340px; top: 0px; left: 0;}
#slideshow a{position: absolute; width: 521px; height: 340px; top:0; left: 0;}

.oficinas {float: left; margin:10px 30px; width:250px; text-align:center}
.oficinas h2{text-align:left; color:#900 !important; margin: 6px 0 !important; padding:0;}
.oficinas p{margin-top:0 !important;}

/* Lower Main Content */
#lower-content-wrap{background: #000033 url(../images/lower-border.gif) repeat-x;}
#lower-content{position: relative; overflow: hidden; font-size: 14px;}
#lower-content h2, #lower-content h3{margin-top: 0; margin-bottom:5px; line-height: 30px;}
#lower-left-col{float: left; text-align: left; padding: 20px 0; padding-bottom: 10px;}
#lower-content p{color: #fff9e6; padding-bottom: 10px; padding-top: 2px;}
#lower-content p.date{color: #fff9e6; font-size: 11px; padding-bottom: 0;}
#lower-right-col{position: relative; float: right; background: #1b2078;
	width: 562px; border-top: 6px solid #530000; padding-top: 10px; padding-bottom: 1em;}
.col{width: 245px; float: left; text-align: left; padding-left: 30px; padding-right: 30px; background: url(../images/divider.gif) top right no-repeat;}
.col img{float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 10px;}
.col a.image{padding: 0; margin: 0;}
.col a{color: #eefbfc;} .col a:hover{background: #eefbfc; color: #333;}
#lower-right-col p{padding-top: 3px;}
.second{background: none;}
.ciudad{font-weight:bold; font-size:110%; color:#FF6;}
body#welcome p.last{margin-bottom: 0.8em;}
#lower-left-col a{color: #eefbfc; padding: 2px 1px;} #lower-left-col a:hover{background: #eefbfc; color: #333; padding: 2px 1px;}
#lower-left-col li{color: #fff9e6;  margin-bottom: 15px; padding-left: 25px; background: url(../images/vineta.png) 0px 50% no-repeat;}

/* Pay Invoice content */
body#pay #right-col{text-align: left;}
body#pay #left-col{margin-bottom: 6em;}
body#pay form{padding: 74px 30px 35px 25px;  color: #6c5b3c;}

/* Pie de Pagina */
#footer{color: #fff; line-height: 2em; text-align: center; font-size: 14px; background: #530000 url(../images/header-bg.gif) repeat;}
#footer p{height: 24px;}
.azul {color:#79bafe; font-weight:bold; font-size: 12px;}
.italica {font-weight:bold; font-style:italic;}
#footer a{color: #fff; text-decoration: none;}
#footer a:hover{color: #ff5555;}
#footer a.current{color: #ff5555;}

/* Misc Classes, etc */
blockquote {margin: 0pt 1em 2em 1em; background: url(../images/quoteOpen.png) no-repeat scroll; background-position:left top; color:#FF0000;}
blockquote p{margin-bottom: .5em; text-indent: 27px; font-weight:lighter;}
.close-q {padding: 0pt 22px 0pt 0pt; background: url(../images/quoteClose.png) no-repeat scroll; background-position: right top;}
cite {font-size: .9em; line-height: .9em; font-style: italic; font-weight: lighter; text-align: right;}
.izq {float:right; text-align:right;  font-weight:bold; font-style:italic;}
ol.ualpha {list-style-type: upper-alpha; padding-left:25px;}
ol.decimal {list-style-type:decimal; padding-left:25px;}

.about-links{float: left; padding-bottom: 40px; width: 116px;}
.linkedin{clear: both; float: left; margin: 0; padding: 0; margin-left: 10px;}
.col2{width: 250px; float: left;}
p.legal{font-size: 10px; line-height: 20px; text-transform: none; color: #a79c8d; margin-bottom: 25px;}
p.legal a{color: #b7ab99; text-decoration: none;}
.underline{text-decoration:underline;}
.sent, .error{display: none;}
.zoomerz{cursor: url(../images/zoomin.cur), default;}
.centrar-imagen {text-align: center;} 
.clear{clear: both;}
/* Remove silly dotted outline from links in FF */
a{outline: none;}
/******************************************* FINAL PARTE GENERAL DEL CSS **********************************************************/

/* About-us Content */
body#contact #ubicacion{width: 528px; height: 335px; margin: 5px 20px 12px 17px;}
body#contact #ubicacion img{width: 528px; height: 335px;}
body#contact #right-col{ height:100%; position:absolute; background: #d4d6fb;}
/*body#contact #lower-right-col{position: relative; float: right;}*/
body#contact #right-col h1{padding:4px 0; margin-top:15px; font-size:19px; color:#000033; font-weight:normal; background-color:#b2b6fc;}
body#contact #right-col h2{font-size: 12px; text-align: center; font-weight: normal; color: #000066; line-height: 16px; margin-top:10px;}
body#contact #right-col p{padding: 0; text-align: center; font-size:10px; font-style:italic;}
img.contact, img.services{float: left; border: 4px solid #dbcaa3; margin-right: 12px; margin-bottom: 1px; width: 95px; height: 115px; background: #8a7c68;}
.people{clear: both; margin-bottom: 25px;}
.people h2{float: left; width: 240px; font-size: 18px; line-height: 30px; padding: 0; margin: 0; text-align: left; color: #7a6238;}
.people p{padding: 0; margin-bottom: 25px;}
.people h1, body#about #right-col h1{margin-bottom: 10px;}
/*#right-col p{margin-bottom: 1.1em;}
#right-col p.last{margin-bottom: 1.5em;}*/
body#contact #right-col{position: relative; float: right;}
body#contact p.error{padding: 0.8em 0; color:#cc0000; line-height:18px;}
body#contact p.enviado{padding: 0.8em 0; color:#000099; line-height:18px;}

/* Contact-us Content 
body#contact h3{font-size: 19px; line-height: 24px;}
/*body#contact #right-col p{color: #6f6250; text-align: left;}
body#contact #right-col{position: relative; background: #f5e9cc; float: right;}
/* Contact-us Content - form */
body#contact form{padding: 10px 0 20px 0; color: #000033;}
body#contact input.userdetails, body#contact textarea{font-size: 12px; width: 350px; padding: 6px 4px;}
body#contact textarea{height: 170px;}

/* Forms */
input, textarea{padding: 4px; border: 1px solid #6c5b3c; font-size: 16px; color: #6c5b3c; background: #f5e9cc; width: 210px; font-family: monospace; margin: 2px 0;}
form label {display: block; float: left; width: 200px;  padding: 0; margin: 7px 0 0 0; text-align: left;}
input.submit{ text-align: center; float: right; font-family: georgia; font-size: 14px; margin-left: 25px; margin-bottom: 20px; padding: 12px 6px; width: 130px; border: 1px solid #6c5b3c; color:#000033;}
input.submit:hover{cursor: pointer; background: #ffefc9;}
fieldset{background: #fff9e6; padding: 2px 2px; margin: 0; margin-bottom: 5px;}
select{background: #6f6251; color: #fff9e6; text-transform: none; font-size: 10px; margin: 0 auto;}

/* Noticias */
body#news #left-col{width:650px; float:left; padding:15px 0;}
body#news #left-col h2{color:#009; text-align:left; background-color:#f2e5cd; padding:1px 0 2px 0; margin-bottom:10px;}
body#news #left-col h1{color:#900; margin:0 0 0 0;}
body#news #left-col img.gd{float:right; margin:12px 0 0 10px; vertical-align: middle; padding:5px 0px 0px 0px; border: 2px outset #000066;}
body#news #left-col .contorno{float:left; border: 2px outset #000066; width:90px; max-height:80px; text-align:center;}
body#news #left-col .noticia{padding-top:5px; padding-bottom:35px;}
body#news #left-col .sangria{margin-left:110px; text-align:left;} 
body#news #left-col .sangria2{margin-left:50px; text-align:left;}
body#news #left-col a.titulo{font-size:16px; margin-bottom:25px; color:#006;}
body#news #left-col a.box{font-size:12px; line-height:18px; color:#006; height:18px; margin:15px 0;}
body#news #left-col a.box:hover{background: #d4d6fb; color: #006;}
body#news #left-col p{font-size:12px; color:#666;}
body#news #left-col p.varios{font-size:10px; color:#666666; line-height:13px; padding-top:5px;}
body#news #left-col p.resumen{font-size:13px; color:#009; padding-top:0px;}
body#news #left-col p.resumen2{font-size:13px; color:#009; padding-top:5px; border-bottom: 1px #999999 solid;}
body#news #left-col p.varios, body#news #left-col a{margin:0; padding:0;}
body#news #left-col .pagination {background: #f2f2f2; font-size:80%;color:#666;padding: 0px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
body#news #left-col .pagination p {position:relative;text-align:center; font-size:10px;}
body#news #left-col .pagination p a:link, body#news #left-col .pagination p a:visited, body#news #left-col .pagination p a:hover, body#news #left-col .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; font-size:10px;}
body#news #left-col .pagination p a:hover {background:#006;color:#fff}
body#news #left-col .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; font-size:10px;}
body#news #left-col .pagination * {margin:0}
body#news #left-col .pagination h4 {margin-top:-1.45em;padding:0;border:none}


body#news #right-col{float:right; position:relative; height:100%; width: 275px; top: 0; margin-top:0px; padding-bottom:20px; background: #d4d6fb url(../images/content-bg2.jpg) repeat-x;}
body#news #right-col h1{padding:4px 0; margin-top:15px; font-size:15px; color:#000033; font-weight:bold; background-color:#b2b6fc;}
body#news #right-col ul{margin-left:20px; margin-top:5px; text-align:left; list-style:none;}
body#news #right-col li{margin-bottom: 5px; padding-left: 25px; padding-right:15px; background: url(../images/vineta.png) 0px 50% no-repeat;}
body#news #right-col a{font-size:12px; color:#006}
body#news #right-col a:hover, body#news #left-col a:hover{color: #600;}

/* ************************************** Servicios y Empresa ****************************************** */
body#work #content{padding-top: 35px;}
body#work h1, body#work h2{text-align: left; font-weight: normal; color: #007;}
body#work h1{float: left;}
body#work h2{font-size: 20px; line-height: 22px; margin-bottom: 15px; color: #006;}
body#work h1{font-size: 23px; line-height: 26px; margin-bottom: 15px; color: #006;}
body#work #content p{color: #009; font-size: 14px; padding-bottom: 16px; text-align:justify; padding-right:10px; line-height:18px;}
body#work a.notmain{color: #006;}
body#work .item a.notmain:hover{color: #600;}
.item{position: relative; background: #fff9e6; padding: 12px 0; overflow: hidden; margin-bottom: 10px; margin-top: 10px; width: 960px; border-top: 4px solid #000099;}
.item img{float: right; border: 1px solid #000099; padding-left: 0; margin-left: 0; margin-bottom:15px; width: 400px; background: url(../images/loading2.gif) 235px 140px no-repeat; margin-right: 24px;}
img.der{float: right; border: 1px solid #666; padding-left: 0; margin-left: 0; margin-bottom:15px; background: url(../images/loading2.gif) 235px 140px no-repeat; margin-right: 24px; width:auto !important;}
.info{position: relative; float: left; width: 500px; text-align: left; line-height: 1.2em; margin:0; padding:0;}
.info li{margin:0 0 0 20px; color: #009; font-size: 14px; padding-bottom: 6px; text-align:justify;}
.info span {font-size:12px; font-style:italic;}
.info h2 {background-color:#006; color: #fff !important; line-height: 35px !important; padding-left: 5px; }
.info h4 {line-height: 22px !important; padding-left: 5px; }
.lower h3{font-size: 16px; color: #009; font-weight: bold; padding-bottom: 0; margin-bottom: 15px; line-height: 1.6em;}
.lower{position: relative; float:left; width: 500px; text-align: left;}
.lower li{margin:5px 0 0 5px; color: #009; font-size: 14px; padding-bottom: 6px; text-align:justify;}
a.box{position: relative; color: #6c5b3c; display: block; height: 20px; width: 450px; border-top: 1px solid #d5c9a3;  padding: 8px; text-align: left; background: url(../images/a-box-bg.gif) repeat; text-decoration: none;}
a.box img{position: absolute; border: none; width: 10px; height: 10px; margin: 0; padding: 0; top: 10px; right: 12px;}
a.box:hover{background: #d4d6fb; color: #006;}
body#work #right-col{position: absolute; right: 0; top: 0px; margin-top:0px; width: 420px; background-color:transparent; background-image:none;}
#slideshow2{position: relative; width: 400px; height:270px; margin: 0 auto;  padding: 0; top:15px; border:1px #000066 solid;}
#slideshow2 img{position: absolute; width: 400px; height:270px; top: 0px; left: 0;}
#slideshow2 a{position: absolute; width: 400px; height:270px; top:0; left: 0;}


/* ************************************** Servicios y Empresa ****************************************** */
body#client #content{padding-top: 35px;}
body#client h1 {text-align: left; font-weight: normal; color: #007;}
body#client h1{float: left; font-size: 23px; line-height: 26px; margin-bottom: 15px; color: #006;}
body#client .info li{color:#5c4c39; padding-bottom:15px;}
body#client #content p{color: #009; font-size: 14px; padding-bottom: 16px; text-align:justify; padding-right:10px; line-height:18px;}
body#client .item a:hover{color: #600;}
body#client .lower a.subir{margin-left:555px; color: #060; text-decoration:none; display:block;}
body#client .lower a.subir:hover{color: #600;}
body#client .info, body#client .lower{width: 650px; text-align:left;}
body#client .info .avisos{color:#600; font-weight:bold; font-size: 1.1em; line-height:1.3em; text-align:left;}
body#client .lower li ol li{padding-bottom:0px;}
body#client .lower li h4{font-weight:bold; color:#009; font-size:14px; padding-bottom:5px;}



/* Paginacion para empresa y srvicios */
.pages{position: absolute; right: 0; top: 35px;}
.pages ul{list-style-type: none;}
.pages li{float: left; border: 1px solid #000099; margin: 0 3px;}
.pages li a{display: block; padding: 1px 5px 3px 5px; width: 120px; color: #006; cursor: pointer; text-decoration: none; background: #d4d6fb; padding-bottom: 70px; text-align: center;}
.pages li a:hover{color: #fff; background: #009; padding: 1px 5px 3px 5px; width: 120px; padding-bottom: 70px;}
.pages li.current a, .pages li.current a:hover{background: #003; color: #fff;}
.pages li a:active{background: #333; color: #fff;}
.pages2{position: relative; float: right; margin-bottom: 25px;}