/* Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;vertical-align:baseline;} :focus {outline:0} blockquote:before, blockquote:after, q:before, q:after {content:""} blockquote, q {quotes:"" ""} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; border:0; outline:0; font-weight:bold; font-style:normal; vertical-align:baseline} h1 {font-size:24pt} h2 {font-size:18pt} h3 {font-size:14pt} h4 {font-size:12pt} h5 {font-size:10pt} h6 {font-size:8pt} hr {margin:0; padding:0; border:0; color:#000; background-color:none;} input, textarea {margin:0; padding:0} table {border-collapse:collapse; border-spacing:0} ol, ul {position:relative;} .clearer {clear:both} dt {font-weight:bold} dd {padding-left:15px} b {font-weight:bold} blockquote {padding-left:15px;}

/* General CSS*/
body {background:url(images/bg.jpg) top center no-repeat #fdfdfd;color:#000;font-family:Georgia, times, 'times new roman', serif;font-size:14px;}
a, a:visited {color:#3b5d80;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline:}
#top {width:100%;overflow:hidden;background:#3b5d80;}
#top-inner {overflow:hidden;width:944px;margin:0 auto;padding:15px;}
#wrapper {width:974px;margin:0 auto;overflow:hidden;}
#inner {width:974px;float:left;padding-bottom:20px;}
.bordered {border:3px solid #ccc;}

.textos p, .textos ul {margin-bottom:18px;line-height:18px;text-align:justify;}
blockquote {margin-bottom: 18px}
.align-center {text-align:center;text-align:center !important;}
iframe {border:3px #ccc solid;padding:0;margin:0;}
.right-floated {float:right;margin:0 0 20px 20px;}
.centered {margin:0 auto;}
.margined-img {margin-bottom:15px;}
.triangle-vin li {margin-bottom:15px;font-size:18px;text-align:left;}
a.leer-mas {width:152px;background:url(images/btn-trans.png) no-repeat;text-align:center;color:#3b5d80;font-size:16px;font-family:arial;height:24px;padding:8px 0 0 0;display:block;text-decoration:none;}

/* top */ 
#correo {width:190px;float:left;color:#fff;}
#numero {width:600px;float:right;color:#fff;text-align:right;font-size:17px;}
#correo a {color:#fff;text-decoration:none;}
#correo a:hover {color:#fff;text-decoration:underline;}

/* header */
#header {width:974px;float:left;margin-bottom:25px;}
#nav {list-style:none;float:left;width:705px;height:88px;margin:0 auto 25px 78px;background:url(images/nav-trans.png);padding:0 30px 0 65px;}
#nav li {float:left;}
#nav a {font-family:Georgia, 'times new roman', times, serif;float:left;padding:24px 13px 24px;color:#3b5d80;text-decoration:none;font-size:18px;}
#nav a:hover {color:#666;text-decoration:none;background:#e6e6e6;}

h1 {float:left;width:974px;text-align:center}
h1 a {text-indent:-9999px;margin:0 auto;width:353px;height:107px;display:block;background:url(images/logo-trans.png);}

/* general div */
#general {width:974px;float:left;margin-bottom:15px;}
#general h2 {color:#fff;width:934px;float:left;background:url(images/title-bar.jpg);padding:20px 20px 0;height:54px;text-shadow:1px 1px 1px #000}

#contenidos {border-bottom:#ccc solid 1px;width:934px;float:left;padding:20px;background:url(images/container-bg.gif) top repeat-x #e1e1e1;}

#columna-uno {width:225px;float:left;}
#columna-dos {width:635px;float:right;padding-left:40px;border-left:1px dashed #999;}
.textos p span {color:#3b5d80;}

.title-seccion, .textos h3 {color:#3b5d80; font-weight:bold;margin-bottom:25px;font-size:20px;}
.textos ul {list-style:none;}
.textos ul li {padding-left:15px;background:url(images/triangle-vin.gif) no-repeat 0px 3px;text-align:left;}
.sim  {color:#3b5d80;text-decoration:underline;cursor:pointer;}

.wide-item {width:934px;float:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #999;}
.wide-item img {float:right;margin-left:20px;}
.wide-item p {text-align:right;width:383px;padding-top:20px;}

/* footer */
#footer {width:748px;float:left;height:330px;background:url(images/footer-trans2.png);position:relative;padding:30px 0 0 226px}
#creditos {position:absolute;top:28px;right:15px;width:210px;color:#000;font-weight:bold;font-family:'Arial Narrow';font-size:13px;text-align:center;}
#creditos span {color:#3b5d80;font-weight:bold;}
.footer-mod {float:left;margin-right:15px;width:137px;list-style:none;color:#000;font-size:13px;}
.footer-mod li {float:left;width:137px;list-style:none;margin-bottom:7px;}
.footer-mod a {color:#000;font-size:13px;text-decoration:none;font-family:'Arial Narrow', Arial;}
.footer-mod a:hover {color:#3b5d80;text-decoration:none;}
#copy {position:absolute;bottom:20px;width:745px;left:226px;font-family:Arial;font-size:11px;color:#666;}

 
/* contacto */
#contactform p {margin-bottom:12px;}
#contactform .field, #contactform .txtarea {width:400px;padding:6px;font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#aaa;background:url(images/contact-bg.gif) top left;border:none;}
#contactform .txtarea {height:50px;}
#contactform .enviar-btn {border:none;width:205px;background:#3b5d80;padding:6px;color:#fff;font-family:Georgia, serif;font-weight:bold;}

#contactform2 p {margin-bottom:12px;}
#contactform2 .field, #contactform2 .txtarea {width:190px;padding:6px;font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#aaa;background:url(images/contact-bg.gif) top left;border:none;}
#contactform2 .txtarea {height:100px;}
#contactform2 .enviar-btn {border:none;width:190px;background:#3b5d80;padding:6px;color:#fff;font-family:Georgia, serif;font-weight:bold;}

/* carousel */ 
.textos .stepcarousel{position: relative;overflow: scroll;width:326px;height:184px;margin:0 auto 25px auto;border:1px solid #ababab;}
.textos .stepcarousel .belt{position: absolute;left:0;top:0;}
.textos .stepcarousel .panel{float:left;overflow:hidden;margin-right:10px;width:326px;padding:0;height:184px;position:relative;}
.textos .stepcarousel .panel p.antes {font-size:9px;font-weight:bold;font-family:Arial;position:absolute;bottom:10px;left:10px;width:80px;background:#3b5d80;padding:0px;text-align:center;margin:0;color:#fff;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);}
.textos .stepcarousel .panel p.despues {font-size:9px;font-weight:bold;font-family:Arial;position:absolute;bottom:10px;left:170px;width:80px;background:#3b5d80;padding:0px;text-align:center;margin:0;color:#fff;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);}

#contender {position:absolute;top:80px;right:145px;width:326px;height:215px;}
#contender h4 {color:#3b5d80;margin-bottom:10px;}
#contender .stepcarousel{position: relative;overflow:hidden;width:326px;height:215px;}
#contender .stepcarousel .belt{position: absolute;left:0;top:0;}
#contender .stepcarousel .panel{float:left;overflow:hidden;width:326px;padding:0;height:215px;position:relative;}
#contender  .stepcarousel .panel p.antes {font-size:9px;font-weight:bold;font-family:Arial;position:absolute;bottom:10px;left:13px;width:60px;background:#3b5d80;padding:0px;text-align:center;margin:0;color:#fff;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);}
#contender  .stepcarousel .panel p.despues {font-size:9px;font-weight:bold;font-family:Arial;position:absolute;bottom:10px;left:171px;width:60px;background:#3b5d80;padding:0px;text-align:center;margin:0;color:#fff;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);}


/* index */
#index-nav {color:#fff;width:974px;float:left;background:url(images/title-bar.jpg);position:relative;height:74px;text-shadow:1px 1px 1px #000}
#index-nav2 {color:#fff;width:974px;float:left;background:url(images/title-bar2.jpg);position:relative;height:74px;text-shadow:1px 1px 1px #000}
#index-nav p.nave {text-align:center;float:left;width:207px;margin-left:30px;color:#fff;font-size:19px;margin-top:25px;}
#index-nav2 p.nave {text-align:center;float:left;width:288px;margin-left:30px;color:#fff;font-size:19px;margin-top:25px;}
#index-nav2 p.nave2 {text-align:center;float:left;width:220px;margin-left:30px;color:#fff;font-size:19px;margin-top:25px;}
#index-nav2 a, #index-nav a {color:#fff;text-decoration:none;}
#index-nav2 a:hover, #index-nav a:hover  {color:#ababab;text-decoration:none;}
#logos {width:974px;float:left;margin-bottom:15px;text-align:center;}

#index-top {width:974px;float:left;text-align:center;height:460px;background:url(images/index-trans.png) no-repeat;position:relative;}
#telefs {bottom:0;right:10px;width:500px;height:90px;text-shadow:2px 1px 1px #999;font-size:30px;color:#3b5d80;font-weight:bold;text-align:right;position:absolute;}
#carousel-title {top:52px;right:138px;width:341px;height:25px;text-shadow:1px 1px 1px #999;font-size:18px;color:#3b5d80;font-weight:normal;text-align:center;position:absolute;}
#ver-mas-procedimientos {position:absolute;top:302px;right:236px;width:148px;height:32px;}

.index-col {float:left;width:207px;}
.margined-col {padding-right:15px;margin-right:15px;border-right:1px dashed #999;}
.index-col .triangle-vin li {text-align:left;}
.index-col .triangle-vin li {color:#333;}
.index-col .triangle-vin li a {color:#333;text-decoration:none;}
.triangle-vin li a span {font-size:14px;color:#999;}
.index-col .triangle-vin li a:hover {color:#3b5d80;text-decoration:none;}
.index-col h4 {color:#3b5d80;margin-bottom:15px;}

.textos ul.triangle-vin li {color:#3b5d80;}

blockquote {padding:7px 7px 7px 70px;background:#f4f1e3 url(images/quote.gif) no-repeat top left;border:1px solid #ccc;}
.textos ul.galeria {list-style:none;float:left;}
.textos ul.galeria li {padding-left:0;background-image:none;text-align:left;margin:0 15px 15px 0;float:left;}
.textos ul.galeria li img {border:5px solid #ababab;width:160px;height:160px;}

span.otro {color:#2296df}
strong a {font-weight:bold;}