@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, object, embed {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
html, body {height:100%}
table {border-collapse:separate;border-spacing:0/* tables still need 'cellspacing="0" */}
caption,th,td {text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}
small {font-size:0.7em;}

/* General Layout
----------------------------------------------------*/
body {background:#D01B22; margin-top:12px;}

#wrapper {margin: auto; width:758px; background:#fff; border:2px solid #fff; position:relative;}
#footer {margin: auto; width:762px; background:url(images/pre-footer.jpg) no-repeat left top;}



/* -------------------------------------------------------------------------------------------------
TYPOGRAPHY: Browser default: 12px = 1.2em
-------------------------------------------------------------------------------------------------- */
body {font:62.5%/1.3 Arial,Helvetica,sans-serif;}
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight:bold}
h1 {font-size:2.2em;line-height:1.2; color: #009; margin-bottom:20px; margin-top:10px;font-weight:normal}
h2 {font-size:1.4em;line-height:1.2; color: #009; margin-bottom:15px}
h3 {font-size:1.2em;line-height:1.2; color:#009; font-weight:normal; margin-top:20px}
h4 {font-size:1em;line-height:1.2; color: #333}
h5 {font-size:1em; color: #009}
h6 {font-size:1.5em;color: #FFF}

/* Basic text elements */
input,select,th,td {font-size:1em}
p {margin:1em 0 1em}
p.last {margin-bottom:0}
ol {list-style-type:decimal;margin-left:2em; text-align:justify;}
dl {margin:0 0 1em}
dl dt {font-weight:bold}
dd {margin-left:1.5em}
cite {font-style:italic}
abbr,acronym {border-bottom:1px dotted #666}
address {margin-top:1.5em; font-style:italic}
del {color:#666}
a {color:#fff;text-decoration:none}
strong {font-weight:bold}
em,dfn {font-style:italic}
dfn {font-weight:bold}
hr {background:#ccc;border:0;color:#ccc;height:1px;margin:0 0 15px;line-height:0;float:none}

#content {padding-bottom:30px;}
#content h2, h3, h4 {color:#fcf0ef; padding:0; margin:0; font-weight:normal;}
#content h2 {font-size:15px; text-transform:uppercase; letter-spacing:1px; padding-top:15px;}
#content h2 big {font-size:1.3em;}
#content h3 {font-size:13px;  letter-spacing:normal;}
#content p, #content ul, #content ol {padding:0 30px 0 43px; color:#818181; font-size:1.1em;}
#content ul {margin-left:40px;}
#content h4 {font-size:10px; font-weight:500; letter-spacing:1px; margin:29px 0 15px 25px; padding:0 0 0 15px; color:#a2000e; background:transparent url(images/icon-arrow.gif) no-repeat center left; text-transform:uppercase; clear:both;}
#content h4 big {font-size:13px;}


.quick-links {margin-top:2px;}
.quick-link {text-align:center; float:left; padding-right:3px; background: url(images/separador-home.jpg) no-repeat right top;}
.copyright, .designed-by {padding:10px; color:#FADADC; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:1.1em; width:600px; float:left; margin:0;}
.designed-by {color:#DF9094; width:100px; float:right;}
.designed-by a {color:#DF9094; text-decoration:none;}
.designed-by a:hover {text-decoration:underline;}
a.button {background:#fff; padding: 2px 7px; color:#ab010e !important; font-size:9px; text-decoration:none; font-weight:normal !important;}

#content .breadcrumb { background:#595C59; line-height:19px; color:#B8BBB8; padding-left:43px; margin:0 0 1px 0;}
#content .breadcrumb p {margin:0; padding:0; color:#B8BBB8; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; text-align:left;}
#content .breadcrumb a {color:#B8BBB8; font-size:1.0em;}
#content .breadcrumb a:hover {text-decoration:underline;}

.highlight-section {background:#ab010e; padding:0 30px 20px 41px; color:#ECB3B7; position:relative; display:block; font-size:1.05em;}
#content .highlight-section p, #content .highlight-section ol {color:#ECB3B7; padding-left:0; line-height:1.3}
#content p.arrow {background:transparent url(images/icon-arrow.gif) no-repeat 27px 4px;}

#section-quick-links {padding:5px 0 0 0;}
#section-quick-links a {color:#f5d9d6; font-size:0.8em; text-transform:uppercase; letter-spacing:1px; text-decoration:none; margin:0 8px; font-weight:bold;}
#section-quick-links a.first {margin-left:0;}
#section-quick-links a:hover {text-decoration:underline;}
#section-quick-links a big {font-size:1.2em; color:#fff;}
hr.separator {width:758px; height:5px; color:#ab000d; background:#ab000d; overflow:visible; border:0; margin-top:30px;}
.short {width:350px;}

.popup-page {margin:20px auto 40px; text-align:center; background:#f4f4f4;}
.popup-page img {border:6px solid #DAD9D7;}
.roman {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;	}
.float-r, .floatR {float:right;}
#content p {text-align:justify;}
.center {text-align:center !important;}
.right {text-align:right!important;}


/* ANNOUNCEMENT
--------------------------------------------------------*/
#announcement {background:#383336; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffde3a; margin: -12px auto 15px auto; width: 758px;position: relative;}
#announcement a {color:#ffde3a; }
#announcement h2 {margin-bottom:0; padding:15px; font-size:1.5em; float:right; font-weight:normal;}
#announcement a:hover strong {text-decoration:underline;}

/* HOME
----------------------------------------------------*/
#content.home {padding-bottom:0;}


/* NOSOTROS
----------------------------------------------------*/
.nosotros .highlight-section {margin-bottom:35px;}
.nosotros .highlight-section img {float:right; margin:0 -30px 10px 25px;}

.nosotros {background: url(images/back-nosotros.jpg) no-repeat right bottom;}
.nosotros hr.separator {margin:40px 0; width:400px; display:block; float:left;}
.nosotros .short {background: url(images/lineah1degrade.jpg) repeat-y 40px top; }
#content.nosotros p.short {padding:7px 30px 7px 48px;}
#content.nosotros {padding-bottom:40px;}

/* PORQUE SUPERA
----------------------------------------------------*/
.porque-supera .highlight-section img {float:right; margin:0 -30px 0 10px;}
.porque-supera .highlight-section {padding-bottom:0;}
.porque-supera .highlight-section ol {margin:10px 0 0 30px;}
.porque-supera .highlight-section li {color:#fff; margin-bottom:10px;}
.porque-supera .highlight-section li em {color:#ECB3B7; font-style:normal;}
#content.porque-supera .highlight-section h2 {padding-top:10px;}
.porque-supera .highlight-section h3 {margin:10px 0 0 10px;}



/* TESTIMONIOS
----------------------------------------------------*/
#content.testimonios h4 {font-weight:bold;}
div.testimonio {padding:3px 30px 10px 41px; clear:both; display:block; margin-bottom:15px;}
div.testimonio img {border:6px solid #DAD9D7;}
div.testimonio h5 {color:#BA000B; font-size:11px; font-weight:normal; margin:0;}

div.testimonio a {float:left; margin:0 20px 15px 0;}
div.testimonio a img {color:#000;}
div.testimonio a:hover img {border-color:#d01b22;}
div.testimonio p {display:block; width:auto;}
p.video-link a {font-size:10px; color:#ba000b; font-family:Tahoma; font-weight:bold; text-decoration:none; line-height:20px;}
div.testimonio p.video-link a:hover {text-decoration:underline;}
div.testimonio p.video-link img {border:0; margin:0 5px 0 0;}



/* CLIENTES
----------------------------------------------------*/
#content.clientes .highlight-section ul {list-style-type:none; margin:10px 0 0 0; padding:0;}
.clientes .highlight-section li {display:inline; color:#FCF0EF; margin-right:20px; font-size:1em; text-transform:uppercase}
.clientes .highlight-section li big {font-size:1.4em; letter-spacing:1px;}
#content.clientes .highlight-section h2 {padding-top:25px;}

/* PRENSA
----------------------------------------------------*/
.articulos-de-prensa {width:700px; height:380px; overflow-y: hidden; overflow-x: auto; padding:8px; border:1px solid #cdc8be; margin:30px auto 0;}
.articulos-wrapper {width:5150px;}
.articulo {padding-right:30px; text-align:center; display:table-cell; float:left;}
.articulo span {color:#7E7E7E; font-weight:bold; font-size:1.1em; padding-right:30px; background:url(images/lupa.gif) no-repeat right bottom; margin:10px 0;}
.articulo img {border:8px solid #d9d9da; margin-bottom:10px; display:block;}
.articulo a:hover img  {border-color:#d01b22;}
.articulo a:hover span {color:#d01b22;}
.prensa p {text-align:center; margin-bottom:30px;}
#content.prensa .highlight-section h2 {padding-top:25px;}

/* RECONOCIMIENTOS
----------------------------------------------------*/
.reconocimientos-fotos {margin:30px auto; text-align:center;}
.reconocimiento {width:373px; text-align:center; display:table-cell; float:left;}
.reconocimiento span {color:#BA000B; font-weight:bold; font-size:1.2em; padding-right:30px; background:url(images/lupa.gif) no-repeat right bottom;}
.reconocimiento img {border:8px solid #d9d9da; margin:0 auto 10px; display:block;}
.reconocimiento a:hover img  {border-color:#d01b22;}
.reconocimiento a:hover span {color:#d01b22;}
.reconocimiento.big {width:100%; margin:0 auto 25px;}
#content.reconocimientos .highlight-section h2 {padding-top:25px;}

.reconocimientos-cartas {margin:30px auto 50px; width:700px; text-align:center;}
.carta {float:left; margin:0 15px 30px; width:202px;}
.carta img {margin:0 auto; display:block;}
.carta span {color:#7E7E7E; font-weight:bold; font-size:1.1em; padding-right:30px; background:url(images/lupa.gif) no-repeat right bottom;}
.carta a:hover span {color:#d01b22;}

/* SOLUCIONES
----------------------------------------------------*/
.soluciones .highlight-section {margin-bottom:30px;}



/* PP, PTC, PSC, CM, CI, EC
----------------------------------------------------*/
.pp blockquote.testimonio h5 {color:#a60000; font-size:12px; margin:15px 0 5px; font-style:italic;}
.pp blockquote.testimonio {color:#a64b00; font-style:italic; margin:20px 40px; font-size:1.2em;}
.pp hr {width:85%; margin:0 auto; color:#ccc; background:#eee; height:1px; size:1; border:0;}
.pp hr.separator {width:758px; height:5px; color:#ab000d; background:#ab000d; overflow:visible; border:0; margin-top:30px;}

.ec #section-quick-links, .ptc #section-quick-links, .psc #section-quick-links,
.cm #section-quick-links, .ci #section-quick-links, .pp #section-quick-links {padding-bottom:15px;}
#content.ec .highlight-section h2, #content.ptc .highlight-section h2, #content.psc .highlight-section h2,
#content.cm .highlight-section h2, #content.ci .highlight-section h2, #content.pp .highlight-section h2,
#content.pic .highlight-section h2, #content.pli .highlight-section h2 {padding-top:0;}

.highlight-section h3 {padding-top:15px;}
.highlight-section h2, .highlight-section blockquote {width:60%;} 
.highlight-section blockquote {padding:15px 0;text-align:right; font-weight:bold; color:#e9e9e9; font-size:13px; font-style:italic;}


#content.ptc p, #content.psc p, #content.pic p, #content.ci p, #content.pli p, #content.ec p, #content.cm p,
#content.ptc ol, #content.psc ol, #content.pic ol, #content.ci ol, #content.pli ol, #content.ec ol, #content.cm ol,
#content.ptc ul, #content.psc ul, #content.pic ul, #content.ci ul, #content.pli ul, #content.ec ul, #content.cm ul
 {/*font-size:1.2em;*/}

/* INSCRIPCION-CONFIRMACION
----------------------------------------------------*/

#content.inscripcion-confirmacion p.confirmacion {margin:15px 30px 15px 40px; padding-left:0;}
.inscripcion-confirmacion ul {margin-left:30px;}
.inscripcion-confirmacion li {margin-bottom:10px;}
.inscripcion-confirmacion  {background:url(images/fondo-contacto.jpg) no-repeat right bottom;}
.inscripcion-confirmacion .highlight-section p a {font-weight:bold;}
#content p.confirmacion a {color:#d01b22; font-weight:bold;}


/* CONTACTENOS
----------------------------------------------------*/
.contactenos .highlight-section {padding-right:480px; margin-bottom:30px;}
#content.contactenos .highlight-section p {font-size:1em;}
.contactenos .highlight-section h3 {margin-top:30px; margin-bottom:20px;} 
.contactenos  {background:url(images/fondo-contacto.jpg) no-repeat right 240px;}
.emails-list {width:450px; position:absolute; top:0; right:0; padding-left:30px; padding-top:60px; background:url(images/contacto-separador.jpg) no-repeat left top;}
#content.contactenos .emails-list p,
#content.contactenos .emails-list p label,
#content.contactenos .emails-list p a {color:#ECB3B7; font-size:1em;}
#content.contactenos .highlight-section a:hover {text-decoration:underline;}
#content.contactenos .emails-list p label em {color:#FFFFFF; font-style:normal;}
#content.contactenos .emails-list p label {width:306px; display:block; float:left;}
#content.contactenos .emails-list p {margin-bottom:1.5em;}

/* FORMULARIO
----------------------------------------------------*/
input, textarea {font-size:9px;}
input.text {width:170px;}
input.big {width:500px;}
input.text, textarea{border:1px solid #ccc; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input.text:focus, textarea:focus {background:#ffffec;}
input.text .big {border:1px solid #ccc; width:300px;}
label {display:block; color:#666; margin-bottom:2px;}
.page-content form p {margin:5px 30px 15px 40px; clear:both}
.page-content {background: transparent url(/images/fondo-contacto.jpg) no-repeat right 130px;}
.page-content form p.float, .float {float:left; clear:none;}
input.radio {margin-left: 20px;}
textarea {width:350px; height:100px;}
div.clear {clear:both;}
.inscripcion .highlight-section p a {color:#ECB3B7; font-weight:bold;}
.mandatory, #content p.mandatory {color:#d01b22; font-weight:bold; font-size:1em; border:0;}
#menu a.inscripcion-link {background:#fdd906 !important; *width:148px !important;}
#menu a:hover.inscripcion-link {color:#d01b22 !important;}

/* GALERIA
----------------------------------------------------*/
/*.galeria .highlight-section {margin-bottom:25px;}*/
.gallery {margin:25px 25px 0;}
.gallery h3 {color:#d01b22; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; margin:0.8em; font-weight:normal; font-size:2em !important; }
.gallery img {border:4px solid #e7e7e7;}
.gallery-category {display:block; width:196px; height:210px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; float:left; margin:0 40px 0 0;}
.gallery-category:hover {color:#d01b22; text-decoration:none;}	
.gallery-category img {border-color:#e7e7e7; margin:0 0 5px 0;}
.gallery-category:hover img {border-color:#d01b22;}
.gallery-category .description {float:left;}
.gallery-category .no-photos {float:right; padding-left:15px; background: url(images/counter-icon.png) no-repeat left top;}
.gallery-category:hover .no-photos {background: url(images/counter-icon.png) no-repeat left bottom;}
 a.go-back {color:#ccc; font-size:0.6em; position:absolute; right:25px; letter-spacing:1px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:15px; background:url(images/icon-arrow-left.png) no-repeat left center;}
 a.go-back:hover {color:#d01b22} 
.gallery-thumb img {border:0; margin:0 5px 5px 0;}
.gallery-photo {display:block; margin:0 auto;}
#content.home .photo-gallery-quick {position:absolute; top:465px; left:425px;}
.photo-gallery-quick {position:absolute; top:300px; left:325px;}
.photo-gallery-quick img {border:0;}
.photo-next, .photo-prev {display:block; width:121px; font-size:2.5em; margin-top:-128px; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif;}
.photo-next {text-align:right;}
.photo-prev {text-align:left;}
.photo-next:hover, .photo-prev:hover {color:#d01b22;}
.photo-next:hover img, .photo-prev:hover img {border-color:#d01b22;}
.f-right, floatR{float:right;}
.f-left, floatL {float:left;}
.download-links {display:block; margin:15px; text-transform:uppercase; text-align:center !important; letter-spacing:1px;}
.download-links a { color:#ccc; font-weight:bold; }
.download-links a:hover { color:#d01b22; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:758px; height:32px; z-index:999; position:relative; text-align:center;}
#menu ul {display:inline-block; z-index:99999;} 
#menu ul.top-level {margin:0 auto 6px 15px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 0.84em verdana,arial,sans-serif;color:#555; line-height:27px; text-decoration:none; padding:0 7px; text-transform:uppercase;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */
#menu a big {font-size:1.5em;}
#menu .num {display:inline-block; width:20px;}
#menu .sigla {display:inline-block; width:30px; padding-right:2px; text-align:right;}
#menu .sigla.short {display:inline-block; width:22px; padding-left:8px; text-align:left;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu a {font-size:6.3pt; text-transform:uppercase;} /*for Chrome and Safari */
}

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 7px; } 
#menu a.top-level-a b {float:left; padding:0 7px 0 0; cursor:pointer; cursor:hand; letter-spacing:1px;}
#menu a.down b {float:left; padding:0 7px 0 0; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:#fff;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#ab010e; background:#fff; cursor:pointer; padding-top:2px;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#ab010e; background:transparent; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:#fff; }
#menu li.top-level-li:hover > a b {color:#ab010e;  background:#fff;}
#menu li.top-level-li:hover > a.down b {color:#ab010e;  background:#fff;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; padding:1px 1px 5px 1px; left:0;}
#menu li li {border-bottom:1px solid #f1f1f1;}
#menu li li a {background:#fff; padding-right:20px; color:#333; *font-weight:800; letter-spacing:1px;} 
#menu li li a:hover {background:#ab010e; color:#fff;} 
#menu li li:hover > a {background:#ab010e; color:#fff;}
#menu li li a.fly {background:#fff url(images/fly.gif) no-repeat right center;}
#menu li li a.fly:hover {background:#ab010e url(images/fly.gif) no-repeat right center;} 
#menu li li:hover > a.fly {background:#ab010e url(images/fly.gif) no-repeat right center;}

#menu ul.drop-down {top:29px; /*font-size:1em;*/} 
#menu li li ul {left:100%; margin-top:-30px; margin-left:-1px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:26px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}

#menu ul.soluciones li{position:relative}
#menu ul.soluciones li a {width:265px; padding:3px 40px 3px 10px;}
#menu span.soluciones {display:block; width:30px; height:23px;background:url('/images/sprite-soluciones.png') no-repeat 0 0; position:absolute; top:6px; right:6px}
#menu span.ptc{ background-position:0px 0px}
#menu span.psc{ background-position:0px -24px}
#menu span.pic{ background-position:0px -47px}
#menu span.cig{ background-position:0px -70px}
#menu span.pli{ background-position:0px -93px}
#menu span.ec{ background-position:0px -116px}
#menu span.cm{ background-position:0px -139px}

/* Clearfix
----------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}