/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
*/

::-moz-selection { background: #008AAE; color: #fff; text-shadow: none;  }
::selection { background: #008AAE; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: inherit;
    text-decoration:none; }
a:visited { ; }
a:hover {  }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #1c1c1c; margin: 1em 0; padding: 0; margin-top: 7px; padding-bottom: 4px; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
*/

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
*/

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer;}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
*/

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
*/

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
*/

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
*/

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
*/

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
*/

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_83,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width: 575px;}.grid_83{width: 775px;}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:960px;}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
/*---------- H´S y + ----------*/

h1 {
    color: #fff;
    font-family: gothic, sans;
    font-size: 51px;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 47px;
}

h2 {
    color: #fff;
    font-family: gothicBold, sans;
    font-size: 38px;
    font-weight: lighter;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

h3 {
    color: #23ABED;
    font-family: gothicBold, sans;
    font-size: 26px;
    margin-bottom: 18px;
    margin-top: 0px;
}

h4 {
    color: #000;
    font-family: gothicBold, sans;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}

h5 {
    color: #333;
    font-family: 'Open Sans', sans;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 23px;
}

h6 {
    color: #000;
    font-family: gothicBold;
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 0px;
}

p {
    color: #000;
    font-family: 'Open Sans', sans;
    font-size: 13px;
    line-height: 21px;
}

@font-face {
    font-family: gothic;
    src: url("../fonts/gothic.eot") /* EOT file for IE */
}
@font-face {
    font-family: gothic;
    src: url("../fonts/gothic.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: gothicBold;
    src: url("../fonts/GOTHICB.eot") /* EOT file for IE */
}
@font-face {
    font-family: gothicBold;
    src: url("../fonts/GOTHICB.TTF") /* TTF file for CSS3 browsers */
}
/*---------- TERMINA H´S ----------*/
/*Comienza Header =========================================================*/
body {
    width: 100%;
    height:100%;
    background-color:#FFF;
}

    #entrarBtn {
font-family: gothic, sans;
background-color: transparent;
color: black;
border: none;
cursor: pointer;
font-size: 16px;
position: absolute;
float: left;
left: 450px;
bottom: -25px;
    }
    
    .oldie #entrarBtn{
       left: 0px; 
    }
    
    .oldie #entrarBtn:hover { 
        color: #666;
    }
    
    #entrarBtn:hover { 
        color: #666;
    }
    
    #entrarBtn:active {
        bottom: -27px;
    }

header {
    width:100%;
    height: 180px;

}
#topBar {
    width: 100%;
    overflow: hidden;
    background-color: black;
    position: absolute;
    top: 0px;
    text-align: right;
    float: right;
    padding: 8px 0px;
    left:0px;
}
#topBar a {
    color: #fff;
    font-family: gothic, sans;
    font-size: 12px;
    float: left;
    margin-left: 21px;
}
#topBar a:hover {
    color: #ffcc00;
}
#topBarWrap {
    float: right;
}
#topBar p {
color: white;
font-family: gothic, sans;
font-size: 12px;
float: left;
margin-left: 21px;
margin-top: -3px;
margin-bottom: 0px;
}
.home {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../img/home.png);
}
#logo {
    width: 140px;
    height: 100px;
    background-image: url(../img/metroLogo.jpg);
    background-repeat: no-repeat;
    float: left;
    margin-top: 60px;
}
nav {
    height: 66px;
    float: right;
    margin-right: 10px;
    margin-top: 115px;
}
nav a{
    color: #fff;
    font-family: gothic, sans;
    float: left;
    padding: 24px 18px 0px 18px;
    background-color: black;
    margin-left: 1px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 42px;
}
nav a.active {
    border-bottom: #008AAF solid 2px;
}
.nuestraEmpresa {
    
}
.nuestraEmpresa:hover {
    color: #008AAE;
}
.loQueHacemos {

}
.premediaDd2 {
    height: 49px;
    padding-top: 18px;
}
.loQueHacemos:hover {
    color: #EA4397;
}
.comoTrabajamos {

}
.comoTrabajamos:hover {
    color: #ffcc00;
}
.cotizaCoNosotros {

}
.cotizaCoNosotros:hover {
    color:#999;
}
.pNav1 {
    display: block;
    position: absolute;
    border: #008AAE 13px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -13px;
    right: 0px;
}
.oldie .pNav1, .oldie .pNav2, .oldie .pNav3, .oldie .pNav4 {
    top: -30px;
}

.p1Nav1 {
    display: block;
    position: absolute;
    border: #008AAE 13px solid;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 65px;
    left: 0px;
}
.pNav2 {
    display: block;
    position: absolute;
    border: #EA4397 13px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -13px;
    right: 0px;
}
.p2Nav2 {
    display: block;
    position: absolute;
    border: #EA4397 13px solid;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 65px;
    left: 0px;
}
.pNav3 {
    display: block;
    position: absolute;
    border: #ffcc00 13px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -13px;
    right: 0px;
}
.p3Nav3 {
    display: block;
    position: absolute;
    border: #ffcc00 13px solid;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 65px;
    left: 0px;
}
.pNav4 {
    display: block;
    position: absolute;
    border: #999 13px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -13px;
    right: 0px;
}
.p4Nav4 {
    display: block;
    position: absolute;
    border: #999 13px solid;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 65px;
    left: 0px;
}

nav {
    position: relative;
    z-index: 1000;
}

nav ul{
    display: block;
    float: left;
}
nav li {
    position: relative;
    display:block;
    float:left;
}
nav li ul {
    position: absolute;
    top: 65px;
    left: 1px;
    z-index: 20;
    background-color: #333;
    display: none;
}
nav li ul li {
    display: block;
    width: 161px;
    float: left;
    text-align: center;
    clear: both;
}
nav li ul li a {
margin-left: auto;
display: block;
margin-right: auto;
padding: 20px 16px 20px 15px;
width: 130px;
margin-top: 1px;
height: auto;
margin-bottom: 0px;
}
nav li ul li a:hover {
    color: #EA4397;
}
#bannerSlider {
    width:100%;
    height: 100%;
}
#bannerSlider div{
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    height: 550px;
    position:absolute;
    opacity: 0.0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
}
#bannerSlider div#bs0 {
    background-image: url(../img/banner0.jpg);
    opacity: 1.0;
}
#bs1 {
    background-image:url(../img/banner1.jpg);	 
}
#bs2 {
    background-image:url(../img/banner2.jpg);	
}
#bs3 {
    background-image:url(../img/banner3.jpg);	
}
#bs4 {
    background-image:url(../img/banner4.jpg);	
}
#bs5 {
    background-color: #FFF;	
}
#tapaBlanca {
position: absolute;
bottom: 0;
background-color: white;
width: 100%;
height: 100%;
z-index: 10;
left: 0;
}

#anim {
width: 960px;
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
#anim iframe {
border: none;
width: 100%;
height: 100%;
background-color: transparent;
}

#bannerWrap {
    width:100%;
    height: 700px;
    overflow:hidden;
    position: relative;
    padding-bottom: 70px;
}
.bloque {
    display: block;
}
.bannerHomeWrap {
    float: left;
}
#bannerSlider div h1 {
    
}
.sig {
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    cursor: pointer;
    right: 0;
    top: 200px;
    background-image: url(../img/sig.png);
}
.sig:active {
    background-image: url(../img/sig.png);
    background-position: -53px 0px;
    background-repeat: no-repeat;
}
.prev {
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    cursor: pointer;
    left: 0;
    top: 200px;
    background-image: url(../img/prev.png);
}
.prev:active {
    background-image: url(../img/prev.png);
    background-position: -53px 0px;
    background-repeat: no-repeat;
}

.contBanner {
    position: relative;
    margin-top: -700px; 
}
#servicios {
    background-image: url(../img/bcoTrans.png);
    width: 948px;
    height: 257px;
    position: absolute;
    padding: 12px 0px 12px 0px;
    top: 419px;
    left: 5px;
}
#servicios p {
    margin-top: 7px;
    line-height: 19px;
    margin-bottom: 5px;
}

.oldie .servicioHome {
    padding-top: 118px;
    height: 140px;
}

.servicioHome {
    width: 195px;
    height: 148px;
    background-color: white;
    padding: 110px 10px 0px 15px;
    margin-left: 12px;
    float: left;
    margin-right: 3px;
    background-repeat: no-repeat;
}
.titServHome {
    margin-top: 15px;
}
#servicios a{
    background-image: url(../img/bgBtn1.jpg);
    -webkit-box-shadow: 2px 3px 5px #969696;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 22px 4px 6px;
    position: relative;
    overflow: hidden;
    margin-top: 7px;
    color: #000;
}

.oldie .pServ1 {
    top: -42px;
}
.oldie .pServ2 {
    top: -42px;
}
.oldie .pServ3 {
    top: -42px;
}
.oldie .pServ4 {
    top: -42px;
}

.pServ1 {
    display: block;
    position: absolute;
    border: #008AAE 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.pServ2 {
    display: block;
    position: absolute;
    border: #ffcc00 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.pServ3 {
    display: block;
    position: absolute;
    border: #EA4397 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.pServ4 {
    display: block;
    position: absolute;
    border: #999 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.maServicios {
    display: block;
    position: absolute;
    color: white;
    top: 3px;
    right: 5px;
    z-index: 1;
    width: 5px;
    height: 5px;
    background-image: url(../img/plus.png);
    -webkit-transform: rotate(0deg);
}
.s1Home {
    background-image: url(../img/serviciosHome.jpg);
}
.s2Home {
    background-image: url(../img/serviciosHome.jpg);
    background-position: -222px 0px;
}
.s3Home {
    background-image: url(../img/serviciosHome.jpg);
    background-position: -444px 0px;
}
.s4Home {
    background-image: url(../img/serviciosHome.jpg);
    background-position: -666px 0px;
}
.frases {
    background-image: url(../img/negroTrans.png);
    padding: 15px 20px;
    margin-left: 100px;
    display: none;
}
/*Termina Header ==============================================================*/

/*Comienza Contenidos =========================================================*/

#contenido {
    width:100%;
    overflow:hidden;
}
/*----------------- HOME -------------------------*/
#video {
    height: 256px;
    margin-top: 5px;
    text-align: center;
}
aside.grid_6 {
    position: relative;
}
#pantallaVideo {
background-image: url(../img/bgPantallaVideo.jpg);
width: 460px;
height: 263px;
position: absolute;
top: 0;
}
#btnVideo {
    width: 106px;
    height: 106px;
    margin-left: auto;
margin-right: auto;
margin-top: 85px;
background-image: url(../img/playVideo.png);
background-repeat: no-repeat;
cursor: pointer;
}
#btnVideo:hover {
    background-position: -107px 0px;
}
#accesoVideo {
background-color: #FAFAFA;
width: 291px;
height: 200px;
position: absolute;
top: 34px;
z-index: 5;
left: 85px;
}
#accesoVideo h4 {
    font-size: 19px;
    text-align: center;
margin-top: 25px;
}
#accesoVideoWrap {
    background-image: url(../img/negroTrans2.png);
width: 460px;
height: 263px;
position: absolute;
top: 0;
z-index: 4;
display: none;
}
#accesoVideo p {
text-align: center;
margin-top: 13px;
}
#accesoVideo a{
    text-decoration: underline;
font-size: 12px;
margin-left: 181px;
margin-top: -15px;
position: absolute;


}
.campoAcceso {
    margin-left: 41px;
width: 208px;
}
#closeVideo {
    position: absolute;
    background-image: url(../img/xVideo.png);
    width:17px;
    height:17px;
    right: 10px;
    top:10px;
    cursor: pointer;
}
.videoButton {
margin-left: 42px;
margin-top: 16px;
border: none;
padding: 5px 14px 5px 6px;
color: white;
background-color: #008AAF;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
background-image: url(../img/bgVideoBtn.png);
background-repeat: no-repeat;
width: 98px;
background-position: top right;
display: block;
}
.videoButton:hover {
    background-color:#666;
}
/*----------------- HOME -------------------------*/
#img {
    position: absolute;
    background-color: black;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.imgHome1Full {
    width: 335px;
    height: 502px;
    background-image:url(../img/imgHome1.jpg);
    margin-left: 23px;
}
.imgHome2Full {
    width: 460px;
    height: 306px;
    background-image:url(../img/imgHome22.jpg);
}
.close {
    width: 46px;
    height: 46px;
    float: left;
    background-image:url(../img/menosGaleria.png);
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
}
#bannerInt {
    width:100%;
    height: 350px;
    position: relative;
    padding-bottom: 40px;
    background-position: top center;
}
.bannerInt01 {
    background-image:url(../img/bnnrInt01.jpg);
    background-repeat: no-repeat;
}
.bannerInt02 {
    background-image:url(../img/bnnrInt02.jpg);
    background-repeat: no-repeat;
}
.bannerInt03 {
    background-image:url(../img/bnnrInt03.jpg);
    background-repeat: no-repeat;
}
.bannerInt04 {
    background-image:url(../img/bnnrInt04.jpg);
    background-repeat: no-repeat;
}
.bannerInt05 {
    background-image:url(../img/bnnrInt05.jpg);
    background-repeat: no-repeat;
}
.bannerInt06 {
    background-image:url(../img/bnnrInt06.jpg);
    background-repeat: no-repeat;
}
.bannerInt07 {
    background-image:url(../img/bnnrInt07.jpg);

    background-repeat: no-repeat;
}
.bannerInt08 {
    background-image:url(../img/bnnrInt08.jpg);
    background-repeat: no-repeat;
}
.bannerInt09 {
    background-image:url(../img/bnnrInt09.jpg);
    background-repeat: no-repeat;
}
#pestBnnr {
    position: absolute;
    width: 1045px;
    height: 77px;
    background-image:url(../img/pesBanner.png);
    background-repeat: no-repeat;
    top: 310px;
    left: -42px;
    z-index: 0;
}
.rel {
    position: relative;
}
.medBnnrInt {
    height: 350px;
}
.titBanerInt {
    font-weight: bold;
    background-image: url(../img/negroTrans.png);
    padding: 5px 13px;
    margin-top: 93px;
    display: none;
    float: right;
}
.titBanerInt2 {
    font-weight: bold;
    background-image: url(../img/negroTrans.png);
    padding: 5px 13px;
    margin-top: 154px;
    position: absolute;
    right: 0;
    display: none;
}
.bannerIntWrap {
    float: right;
}
#bannerInt a {
    background-color: #EA4397;
    color: white;
    font-family: gothicBold, sans;
    float: left;
    font-size: 26px;
    position: absolute;
    padding: 10px 44px 10px 10px;
    top: 219px;
    right: 0px;
    overflow: hidden;
    display: none;
    z-index: 2;
}
#bannerInt a:hover {
    background-color: #008AAE;
}
#bannerInt a.curriculum {
    background-color: #00ADEE;
}
#bannerInt a.curriculum:hover {
    background-color: #EA4397;
}

.oldie .pCotLink {
    top: -85px;
}

.pCotLink {
    display: block;
    position: absolute;
    border: #000 53px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -53px;
    right: 0px;
}
.maServicios2 {
    display: block;
    position: absolute;
    color: white;
    top: 8px;
    right: 10px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background-image: url(../img/plus1.png);
    -webkit-transform: rotate(0deg);
}
.colors {
    background-image: url(../img/colorsLat.jpg);
}
.colors1 {
    background-image: url(../img/colorsLat.jpg);
    background-position: 0px -95px;  
}
.colors2 {
    background-image: url(../img/colorsLat.jpg);
    background-position: 0px -190px;  
}
.colors3 {
    background-image: url(../img/colorsLat.jpg);
    background-position: 0px -285px;  
}
.marginArtInts {
    margin-top: 40px;
    float: left;
    padding-bottom: 5px;
}

.oldie .imgHome1 {
    margin-left: 499px;
    left: 0px;

}

.imgHome1 {
    height: 385px;
    width: 460px;
    margin-left: 499px;
    margin-top: -138px;
    position: absolute;
    z-index: 3;
}

#galeria {
    position: relative;
    width: 100%;
    height: 100%;
}
.imGaleria1 {
    position: absolute;
    top: 4px;
    right: 0px;
    background-image: url(../img/imgHome1-1.jpg);
    background-position: 0px 1px;
    width: 337px;
    height: 340px;
    display: block;
}
.imGaleria1:hover {
    background-position: -349px 1px;
}
.imGaleria2 {
    position: absolute;
    bottom: 7px;
    left: 0px;
    background-image: url(../img/imgHome1-2.png);
    background-repeat: no-repeat;
    width: 203px;
    height: 203px;
    display: block;
}
.imGaleria2:hover {

    background-position: -208px 0px;

}
.masGaleria1 {
    float: right;
    width: 46px;
    height: 46px;
    background-image: url(../img/masGaleria.png);
    margin-right: 71px;
    margin-top: 59px;
    cursor: pointer;
}
.masGaleria2 {
    float: right;
    width: 46px;
    height: 46px;
    background-image: url(../img/masGaleria.png);
    margin-right: 40px;
    margin-top: 30px;
    cursor: pointer;
}
.imgHome2 {
    background-image: url(../img/imgHome2.jpg);
    background-position: 19px 36px;
    background-repeat: no-repeat;
    height: 266px;
    width: 460px;
    float: left;
    margin-top: 155px;
    margin-left: 10px;
}
.imgHome3 {
    background-image: url(../img/imgHome3.jpg);
    background-repeat: no-repeat;
    height: 291px;
    width: 525px;
    float: left;
    margin-top: 140px;
    padding-bottom: 70px;
    padding-right: 15px;
    position: relative;
    background-position: 0px 4px;
}
.imgHome3_2 {
    background-image: url(../img/imgHome3_2.png);
    background-repeat: no-repeat;
    height: 291px;
    width: 525px;
    float: left;
    position: absolute;
    z-index: 4;
    background-position: -7px 0px;
}
.brillo {
    width: 59px;
    height: 23px;
    background-image: url(../img/brillo.png);
    position: absolute;
    z-index: 2;
}

.oldie .brillo{
    background-image: url(../img/brilloie.png);
}
.brillo1 {
    top: 120px;
    left: 77px;
}
.brillo2 {
    top: 108px;
    left: 128px;
}
.brillo3 {
    top: 129px;
    left: 214px;
}
.brillo4 {
    top: 149px;
    left: 300px;
}
hr {
    width: 960px;
    border-top: 3px solid #CCC;
    margin-top: 25px;
}
.oldie #info1 {
    position: relative;
}
#info1 {
    padding-bottom: 40px;
    border-bottom: 3px solid #CCC;
    height: 515px;
}
#info1 p{
    margin-left: -10px;
    margin-top: 30px;
    width: 454px;
    text-align: justify;
}
#recog1 {
position: absolute;
width: 468px;
height: 134px;
margin-left: 490px;
float: left;

margin-top: 286px;
}
/*#recog1 {   
position: absolute;
width: 266px;
height: 134px;
margin-left: 615px;
float: left;
background-image: url(../img/certi.jpg);
margin-top: 286px;
}*/
#info1 h5 {
    margin-left: -10px;
    text-align: justify;
}
#info2 {
    padding-bottom: 40px;
    border-bottom: 3px solid #CCC;
    height: 1090px;
}
.txt1info2 {
    font-size: 13px;
    line-height: 25px;
    width: 395px;
    padding-left: 20px;
    margin-top: 40px;
    float: left;
    padding-bottom: 5px;
    text-align: justify;
}
.txt2info2 {
    width: 484px;
    font-size: 13px;
    line-height: 25px;
    margin-top: -25px;
    text-align: justify;
}
#info3 {
    padding-bottom: 40px;
    height: 1630px;
    background-image: url(../img/diagrama.jpg);
    background-repeat: no-repeat;
    background-position-x: 70px;
    background-position-y: 93px;
    margin-top: 60px;
}
#metro {
margin-left: 388px;
font-weight: bold;
font-family: "Century Gothic";
background-image: url(../img/logoGde.jpg);
height: 144px;
width: 201px;
position: absolute;
font-size: 26px;
margin-top: 0px;
}
#mision {
    position: absolute;
    margin-top: 127px;
    margin-left: 50px;
    width: 236px;
}
#mision h3 {
    color: #00ADEE;
}
#mision p {
    line-height: 18px;
    margin-top: -10px;
    font-size: 13px;
    text-align: justify;
}
#vision {
    position: absolute;
    margin-top: 540px;
    margin-left: 675px;
    width: 251px;
}
#vision h3 {
    color: #EA4397;
}
#vision p {
    line-height: 19px;
    margin-top: -9px;
    font-size: 13px;
    text-align: justify;
}
#objetivos{
    position: absolute;
    margin-top: 640px;
    margin-left: 363px;
    width: 234px;
}
#objetivos h3 {
    color: #EBC51F;
}
#objetivos p {
    line-height: 18px;
    margin-top: -9px;
    font-size: 13px;
    text-align: justify;
}
#objetivos ul {
    margin-left: -19px;
}
#objetivos li {
   list-style: decimal;
}
#politica {
    position: absolute;
    margin-top: 940px;
    margin-left: 47px;
    width: 236px;
}
#politica h3 {
    color: #000;
}
#politica p {
    line-height: 18px;
    margin-top: -10px;
    font-size: 13px;
    text-align: justify;
}
#filosofia {
    position: absolute;
    margin-top: 1250px;
    margin-left: 354px;
    width: 259px;
}
#filosofia h3 {
    color: #EA4397;
}
#filosofia p {
    line-height: 19px;
    margin-top: 18px;
    font-size: 13px;
    text-align: justify;
}
#valores {
    position: absolute;
    margin-top: 1018px;
    margin-left: 675px;
    width: 251px;
}
#valores h3 {
    color: #00ADEE;
}
#valores p {
    line-height: 19px;
    margin-top: -9px;
    font-size: 13px;
}
#valores ul {
    margin-left: -18px;
}
#valores li {
    list-style: disc;
}
.premedia1 {
    line-height: 22px;
    margin-top: 40px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.premedia2 {
    line-height: 22px;
    margin-top: 87px;
    width: 301px;
    float: right;
    padding-bottom: 35px;
    text-align: justify;
}
.premedia3 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.premedia4 {
    line-height: 22px;
    margin-top: 60px;
    margin-left: -10px;
    width: 301px;
    float: left;
}
.premedia4 h4 {
    font-size: 20px;
}
.premedia4 ul {
    margin-left: -25px;
    margin-top: 30px;
}
.premedia4 li {
    list-style:  disc;
    color: #1290CF; 
}
.premedia5 {
line-height: 22px;
margin-top: 60px;
margin-left: -10px;
width: 423px;
float: left;
background-image: url(../img/imgPre4.png);
height: 131px;
background-repeat: no-repeat;
padding-left: 189px;
padding-top: 78px;
padding-right: 50px;
font-family: 'Open Sans', sans;
font-size: 12px;
}
.premedia5:hover {
background-image: url(../img/imgPre4.png);
background-repeat: no-repeat;
background-position: -669px 0px;

}
.premedia5:hover span {
color:#00ACED;

}
.preImg1 {
    margin-top: 43px;
    float: right;
    display: block;
    margin-bottom: 30px;
}
.preImg2 {
    margin-left: -36px;
    margin-top: 40px;
    float: left;
    display: block;
    clear: both;
}
.preImg3 {
    margin-top: 43px;
    float: right;
    display: block;
    margin-bottom: 0px;
}
.offset1 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.offImg1 {
    margin-top: 36px;
    float: right;
    display: block;
    margin-bottom: 30px;
}
.offImg2 {
    margin-left: -20px;
    margin-top: 40px;
    float: left;
    display: block;
    clear: both;
}
.offset2 {
    line-height: 22px;
    margin-top: 65px;
    width: 301px;
    float: right;
    padding-bottom: 35px;
    text-align: justify;
}
.offset3 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.offImg3 {
    margin-top: 65px;
    float: right;
    display: block;
    margin-bottom: 0px;
}
.offset4 {
    line-height: 22px;
    margin-top: 60px;
    margin-left: -10px;
    width: 400px;
    float: left;
}
.offset4 h4 {
    font-size: 20px;
}
.offset4 ul {
    margin-left: -25px;
    margin-top: 30px;
}
.offset4 li {
    list-style:  disc;
    color: #1290CF; 
}
.offsetDig1 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.offDigImg1 {
    margin-top: 45px;
    float: right;
    display: block;
    margin-bottom: 21px;
}
.offDigImg2 {
    margin-left: -36px;
    margin-top: 90px;
    float: left;
    display: block;
    clear: both
}
.offsetDig2 {
    line-height: 22px;
    margin-top: 65px;
    width: 301px;
    float: right;
    padding-bottom: 35px;
    text-align: justify;
}
.offsetDig3 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.offDigImg3 {
    margin-top: 65px;
    float: right;
    display: block;
    margin-bottom: 0px;
}
.offsetDig4 {
    line-height: 22px;
    margin-top: 60px;
    margin-left: -10px;
    width: 500px;
    float: left;
}
.offsetDig4 h4 {
    font-size: 20px;
}
.offsetDig4 ul {
    margin-left: -25px;
    margin-top: 30px;
}
.offsetDig4 li {
    list-style:  disc;
    color: #1290CF; 
}
.liwrap{
  display: inline-block;
  float: left;  
}
.liwrap2{
  display: inline-block;
  float: left;
  margin-left: 100px; 
}

.vinil1 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
    text-align: justify;
}
.vinilImg1 {
    margin-top: 20px;
    float: right;
    display: block;
    margin-bottom: 21px;
}
.vinilImg2 {
    margin-left: -36px;
    margin-top: 90px;
    float: left;
    display: block;
}
.vinil2 {
    line-height: 22px;
    margin-top: 45px;
    width: 301px;
    float: right;
    padding-bottom: 68px;
    text-align: justify;
}
.vinil3 {
    line-height: 22px;
    margin-top: 50px;
    margin-left: -10px;
    width: 301px;
    float: left;
}
.vinil3 h4 {
    font-size: 20px;
}
.vinil3 ul {
    margin-left: -25px;
    margin-top: 30px;
}
.vinil3 li {
    list-style:  disc;
    color: #1290CF; 
}
.vinilImg3 {
    margin-top: 65px;
    float: right;
    display: block;
    margin-bottom: 90px;
}
#imgsBolsa {
    position: absolute;
    background-image: url(../img/imgsBolsa.jpg);
    width: 235px;
    height: 470px;
    margin-left: 745px;
    margin-top: -65px;
}
.vacante ul {
    padding-left: 15px;
    margin-top: 10px;
}
.vacante h4 {
    margin-top: 35px;
    font-family: 'Open Sans', sans-serif;
}
.vacante li {
    list-style: disc;
}
.vacante li p {
    margin: 0px;
}
#formaCv {
    margin-top: 45px;
width: 672px;
height: 390px;
background-color: #F3F3F3;
padding-left: 28px;
padding-top: 1px;
}
#formaCv h4 {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
}
#formaCv form {
    width: 440px;
    margin-top: 25px;
}
#formaCv label {
    cursor: pointer;
    display: block;
    width: 72px;
    text-align: right;
    clear: left;
    margin-right: 0px;
    float: left;
    margin-top: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
.wrong {
    margin-left: 335px;  
    display: block;
    width: 210px !important;
}
.wrong span {
    color: #EA4397;
}
.ok {
    margin-left: 335px;  
    display: block;
    width: 210px !important;
    font-weight: bold;
    color: #EA4397;
}
#formaCv .row {
    height: 25px;
    padding-bottom: 8px;
}
#formaCv .tf {
width: 220px;
float: left;
border: 1px solid #CCC;
padding: 5px;
color: #333;
height: 12px;
margin-left: 20px;
margin-top: -1px;
background-color: #FFF;
background-image: url(../img/bgCvForm.png);
}
#formaCv .tl {
margin-left: 19px;
width: 237px;
float: left;
}
.campoOblig {
    width: 140px !important;
display: block;
margin-left: 93px;
margin-bottom: 0px;
float: left;
}
#formaCv .buttonForm {
    margin-left: 242px;
    margin-top: 8px;
    border: none;
    padding: 3px 24px 3px 15px;
    color: #000;
    background-color: #CCC;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background-image: url(../img/bgCvBtnForm.png);
    background-repeat: no-repeat;
    background-position: top right;
}
#formaCv .buttonForm:hover {
    background-color: #23ABED;
    color: #FFF;
}
.asideServicios {
    height: 547px;
    background-repeat: no-repeat;
    float: right;
    width: 326px;
    background-image: url(../img/bgAside.png);
    background-position: -23px 0px;
    margin-top: -40px;
}

.asideServicios83 {
    height: 1047px;
    background-repeat: no-repeat;
    float: right;
    width: 326px;
    /*background-image: url(../img/bgAside.png);*/
    background-position: -23px 0px;
    margin-top: -40px;
}

.serviciosParte:first-child {
    background-color: #FFF;
    margin-top: 30px;
}
.serviciosParte {
    background-color: #FFF;
    width: 240px;
    height: 120px;
    margin-left: 6px;
    border-bottom: 1px #E6E6E6 solid;  
    display: block;
    padding: 20px 30px;
    overflow: hidden;
    position: relative;
}
.serviciosParte:last-child {
    border-bottom:none;
}
.serviciosParte p {
    margin-top: 9px;
    font-weight: 15px;
}
.pAside {
    display: block;
    position: absolute;
    border: #000 53px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -53px;
    right: 0px;
}
.masAside {
    display: block;
    position: absolute;
    color: white;
    top: 8px;
    right: 10px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background-image: url(../img/plus1.png);
    -webkit-transform: rotate(0deg);
}
.right {
    float: right;
}
.black {
    color: #000;
}
.blue {
    color: #23ABED;
}
.azul {
    border-right-color: #008AAE;
}
.azulito {
    border-right-color: #008AAE;
}
.rosa {
    border-right-color: #EA4397;
}
.amarillo {
    border-right-color: #FC0;
}
.verde {
    border-right-color: #009900;
}
.negro {
    border-right-color: #000;
}
.gris {
    color:#333;
}
#proceso {
    width: 975px;
    height: 1307px;
    margin-left:auto;
    margin-right: auto;
    position: relative;
    margin-top: 80px;
}
#processBack {
background-image: url(../img/proceso.png);
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
z-index: -5;
top: 0;
left: 0;
}

.glow1 {
    width: 431px;
    height: 450px;
    background-image: url(../img/glow1.jpg);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -10;
    left: 15px;
    top: -5px;
    opacity: 0;
    display: none;
}
.glow2 {
    width: 266px;
    height: 361px;
    background-image: url(../img/glow2.jpg);
    background-position: 0px -30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 252px;
    z-index: -10;
    top: 0px;
    opacity: 0;
    display: none;
}
.glow3 {
    width: 249px;
    height: 809px;
    background-image: url(../img/glow3.jpg);
    background-position: 0px 14px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    z-index: -10;
    top: 0px;
    opacity: 0;
    display: none;
}
.glow4 {
    width: 965px;
    height: 798px;
    background-image: url(../img/glow4.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 27px;
    left: 0;
    z-index: -10;
    opacity: 0;
    display: none;
}
.cloud1 {
width: 226px;
height: 193px;
position: absolute;
top: 236px;
background-image: url(../img/nube1.png);
left: -7px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.cloud2 {
    width: 210px;
    height: 154px;
    position: absolute;
    top: 158px;
    background-image: url(../img/nube2.png);
    left: 226px;
    display: none;
    opacity: 0;
    z-index: -1;
    background-repeat: no-repeat;
}
.cloud3 {
width: 245px;
height: 428px;
position: absolute;
top: 0px;
background-image: url(../img/nube3.png);
right: 262px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.cloud4 {
width: 248px;
height: 450px;
position: absolute;
top: 60px;
background-image: url(../img/nube4.png);
right: 18px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.cloud5 {
width: 214px;
height: 125px;
position: absolute;
top: 465px;
background-image: url(../img/nube5.png);
right: 30px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.cloud6 {
width: 348px;
height: 225px;
position: absolute;
top: 500px;
background-image: url(../img/nube6.png);
right: 334px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.cloud7 {
width: 300px;
height: 165px;
position: absolute;
top: 725px;
background-image: url(../img/nube7.png);
right: 195px;
display: none;
opacity: 0;
z-index: -1;
background-repeat: no-repeat;
}
.titSecciones {
    font-size: 48px;
    color: #000;
    font-weight: bolder;
    z-index: 3;
    padding-left: 20px;
    background-repeat: no-repeat;
    font-family: gothicBold, sans;
}
.infoBolsa {
    width: 715px;
    margin-left: 0px;
    margin-top: 55px;
    font-size: 15px;
    text-align: justify;
}
#fecha {
    height: 30px;
    width: 100%;
    border-bottom: solid 1px #999;
    position: relative;
    overflow: hidden
}
.fechaPub {
    background-color: #23ABED;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    width: 250px !important;
    float: right;
    padding: 5px 10px 5px 15px;
    color: white;
    font-weight: bold;
}
.ddmmaa {
    background-color: black;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    width: 85px !important;
    right: 0;
    padding: 5px 10px 5px 0px;
    color: white;
    font-weight: bold;
    position: absolute;
    text-align: right;
}

.oldie #fecha span{
    top: -88px;
}
    
#fecha span{
    display: block;
    position: absolute;
    border: black 53px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -60px;
    right: 84px;
}
.nombreVacante {
    margin-top: 18px;
    margin-bottom: 18px;
}
article.grid_10 p {
    width: 675px;
}
article.grid_10 a {
    background-color: #CCC;
    display: block;
    float: left;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    text-shadow: white -1px -1px 2px;
    color: #111;
}
article.grid_10 a:hover {
    background-color: #666;
    color: #fff;
    text-shadow: none;
}

.oldie .pBolsaLink {
    top: -43px;
}

.pBolsaLink {
    display: block;
    position: absolute;
    border: #23ABED 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.masBolsa {
    display: block;
    position: absolute;
    color: white;
    top: 3px;
    right: 5px;
    z-index: 1;
    width: 5px;
    height: 5px;
    background-image: url(../img/plus.png);
}
.directorio {
    margin-top: 65px;
    height: 500px;
}
#directorio1 {
width: 226px;
height: 134px;
background-color: #EFEFEF;
float: left;
padding: 37px 0px 0px 234px;
position: relative;
background-image: url(../img/logoGde.png);
background-repeat: no-repeat;
}
.areas {
    position: absolute;
    left: 230px;
    top: 16px;
    color: #000;
    font-size: 22px;
    font-family: gothicBold, sans;
    margin-left: -20px;
}
.first {
    padding-left: 2px;
}
#directorio1 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
.oldie #directorio1 a, .oldie #directorio2 a, .oldie #directorio3 a,
.oldie #directorio4 a, .oldie #directorio5 a, .oldie #directorio6 a {
    color: #111;
}

#directorio1 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio1 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}

.oldie .pDirectorio {
    top: -41px;
}

.pDirectorio {
    display: block;
    position: absolute;
    border: #23ABED 25px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: -25px;
    right: 0px;
}
.masDirectorio {
    display: block;
    position: absolute;
    color: white;
    top: 3px;
    right: 5px;
    z-index: 1;
    width: 5px;
    height: 5px;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
}
#directorio2 {
    width: 226px;
    height: 134px;
    background-image: url(../img/logoGde.png);
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    float: right;
    padding: 37px 0px 0px 234px;
    position: relative;
}
#directorio2 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
#directorio2 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio2 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}
#directorio3 {
    width: 226px;
    height: 134px;
    background-image: url(../img/logoGde.png);
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    float: left;
    padding: 37px 0px 0px 234px;
    position: relative;
    margin-top: 27px;
}
#directorio3 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
#directorio3 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio3 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}
#directorio4 {
    width: 226px;
    height: 134px;
    background-image: url(../img/logoGde.png);
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    float: right;
   padding: 37px 0px 0px 234px;
    position: relative;
    margin-top: 27px;
}
#directorio4 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
#directorio4 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio4 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}
#directorio5 {
    width: 226px;
    height: 134px;
    background-image: url(../img/logoGde.png);
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    float: left;
    padding: 37px 0px 0px 234px;
    position: relative;
    margin-top: 27px;
}
#directorio5 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
#directorio5 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio5 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}
#directorio6 {
    width: 226px;
    height: 134px;
    background-image: url(../img/logoGde.png);
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    float: right;
   padding: 37px 0px 0px 234px;
    position: relative;
    margin-top: 27px;
}
#directorio6 p {
    margin-bottom: 0px;
    color: #333;
    line-height: 19px;
    margin-left: -20px;
}
#directorio6 a {
    background-color: #D5D5D5;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 25px 5px 9px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    margin-right: 13px;
    text-shadow: white -1px -1px 2px;
}
#directorio6 a:hover {
    background-color: #333;
    color:#fff;
    text-shadow: none;
}
.ubicacion {
margin-top: 65px;
height: 220px;
width: 240px;
float: left;
padding-top: 40px;
padding-bottom: 84px;
}
.ubicacion h4 {
    font-family: 'Open Sans', sans-serif;
}
.ubicacion p {
    color: #333;
    margin-top: 8px;
}
.ubicacion hr {
    width: 225px;
    margin-top: 15px;
}
.aUbicacion {
height: 265px;
float: left;
margin-top: 65px;
padding-bottom: 84px;
margin-left: 17px;
}
.container_12 .grid_10 {
    width: 715px;
    margin-left: 0px;
    margin-top: 40px;
    padding-bottom: 15px;
}
#cotFeedback {
    width: 469px;
    height: 79px;
    background-color: #008AAF;
    display: none;
}
#cotFeedback h4 {
font-family: 'Open Sans', sans;
font-size: 24px;
color: white;
font-weight: normal;
text-align: center;
padding-top: 13px;
}
#cotFeedback p {
font-family: 'Open Sans', sans;
font-size: 13px;
color: white;
font-weight: normal;
text-align: center;
margin-top: 2px;
}
.infoCot {
    margin-top: 25px;
    color: #333;
}
#cotizador {
    margin-top: 40px;
    position: relative;
}

.message.success {
    border-left: 5px solid 
    green;
    padding: 20px;
    background-color: #DF9;
    width: 910px;
}

.seccCot {
    font-weight: bold;
    width: 100%;
    text-align: right;
    margin-bottom: 25px;
    font-size: 18px;
}
form p {
    color: #333;
}
.oldie .btnCot {
margin-left: 150px;
}
.oldie .btnCot:active {
margin-left: 151px;
}
.btnCot {
width: 330px;
height: 103px;
position: absolute;
background-image: url(../img/btnCot.png);
top: 575px;
margin-left: 640px;
cursor: pointer;
}
.btnCot:hover {
background-image: url(../img/btnCot.png);
background-position: -330px 0px;
top: 574px;
}
.btnCot:active {
top: 575px;
margin-left: 641px;
}

article.cot {
    overflow: hidden;
}
/*Comienza formas ==============================================================*/
.tf {
    width: 215px;
    float: right;
    border: 1px solid #CCC;
    padding: 3px 0px 3px 5px;
    color: #666;
    height: 18px;
}
.ts {
    width: 102px;
    float: right;
    border: 1px solid #CCC;
    padding: 3px 0px 3px 7px;
    color: #666;
    height: 18px;
    margin-right: 111px;
}
.td {
    width: 215px;
    float: right;
    border: 1px solid #CCC;
    padding-left: 3px;
    color: #666;
    height: 157px;
}
.flechaH {
    background-image: url(../img/flechasH.jpg);
    display: block;
    width: 16px;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    margin-left: 35px;
    background-position: 0px 10px;
    padding-right: 5px;
}
.txtCot {
    margin-left: 7px;
    display: block;
    float: left;
    margin-right: 7px;
}
.txtCotInicial {
    margin-left: 76px;
    display: block;
    float: left;
    margin-right: 7px;
}
.flechaV {
    background-image: url(../img/flechasV.jpg);
    display: block;
    width: 15px;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    margin-left: 4px;
    background-position: 0px 2px;
    padding-right: 5px;
}
#cotizador p {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
}
.tss {
    width: 40px;
    float: left;
    border: 1px solid #CCC;
    padding: 3px 0px 3px 3px;
    color: #666;
    height: 18px;
}
.loading {
display: block;
width: 32px;
height: 16px;
position: absolute;
background-image: url(../img/loading4.gif);
margin-left: 469px;
height: 27px;
margin-top: -33px;
background-repeat: no-repeat;
}
label {
    cursor: pointer;
    display: block;
    width: 212px;
    text-align: right;
    clear: left;
    margin-right: 0px;
    float: left;
    margin-top: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 12px;
}
.errorMessage {
color: #FF8080;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 13px;
background-color: #FFC4C4;
border: 1px solid #FF6A6A;
position: absolute;
margin-left: 478px;
padding: 1px 8px;
width: 353px;
display: none
}
p.bien {
position: absolute;
margin-left: 478px;
padding: 1px 8px;
width: 15px;
background-image: url(../img/ok.png);
background-repeat: no-repeat;
height: 23px;
background-position: 0px;
display: none
}
.row2 {
    height: 22px;
    padding-bottom: 8px;
}
.row {
    height: 27px;
    padding-bottom: 8px;
}
.lineaCot {
    margin-top: 50px;
    margin-bottom: 40px;

}
.dd {
    color: #999;
    border: 1px solid #CCC;
    height: 18px;
    width: 215px;
    margin-left: 2px;
    padding-left: 5px;
    font-size: 14px;
}
.dds {
    width: 102px;
    float: right;
    border: 1px solid #CCC;
    padding-left: 5px;
    color: #666;
    height: 18px;
    margin-right: 113px;
}
.rBtn1 {
    margin-left: 34px;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
}
.rBtn2 {
    margin-left: 14px;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
}
.rBtnSub {
    margin-left: 4px;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
}
.oldie .buttonForm {
    margin-top: 158px;
    margin-left: 240px;
    width: 104px;
    padding-top: 0px;
}

.buttonForm {
    margin-left: 235px;
    margin-top: 27px;
    border: none;
    padding: 4px 35px 4px 25px;
    color: white;
    background-color: #008AAF;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 109px;
}

.oldie #wrapBtnForm {
    bottom: 1px;
}

#wrapBtnForm {
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 116px;
    width: 21px;
    height: 27px;
}
.pForm {
    display: block;
    position: absolute;
    border: #EA4397 27px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    bottom: 0px;
    right: -5px;
}
.masForm {
    display: block;
    position: absolute;
    color: white;
    bottom: 18px;
    right: 4px;
    z-index: 1;
    width: 5px;
    height: 5px;
    background-image: url(../img/plus.png);
    -webkit-transform: rotate(0deg);
}
.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    cursor: pointer;
    overflow:hidden;

}	

.rotateHover	
{ 
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
}
.rotate:hover	
{ 
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
    cursor: pointer;
}
#wrapBtnContacto {
    overflow: hidden;
}

.rButton{
    float: left;
    margin-left: 35px;
    clear: right;
    margin-top: 4px;
}

.rLabels{
    width: 20px;
    float: left;
    clear: right;
    text-align: left;
    margin-top: 3px;
    margin-left: 6px;
}
/*Termina formas ==============================================================*/
/*Termina Contenidos ==============================================================*/

/*Comienza Footer =========================================================*/

footer {
    position: relative;
    width:100%;
    overflow:hidden;
    height: 1170px;
    margin-top: 50px;
    background-color: #008BF2;
}

footer li{
    display: block;
}

#fp1 {
    width: 100%;
    height: 464px;
    position: absolute;
    z-index: 4;
    top: 0px;
}
#fp1 ul {
    margin-top: 80px;
    padding-left: 25px;
}
#fp1 ul li {
    float: left;
    color: white;
    margin-left: 35px;
    padding-top: 4px;
    margin-right: 70px;
}
#fp1 a {
    width: 205px;
    height: 80px;
    display: block;
}
.producto1 {
    background-image: url(../img/producto1.png);
}
.producto2 {
    background-image: url(../img/producto2.png);
}
.producto3 {
    background-image: url(../img/producto3.png);
}
#fp1Wrap {
    height: 350px;
    width: 100%;
    background-color: #090909; 
}
#fp1 span {
    width: 100%;
    height: 125px;
    background-image: url(../img/p1Footer.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
#fp2 {
    width: 100%;
    height: 388px;
    background-image: url(../img/p2Footer.png);
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    top: 350px;
    z-index: 3;
    padding-top: 60px;
}
#fp2 ul {
    margin-top: 25px;
    margin-left: -40px;
}
#fp2 a {
    width: 162px;
    height: 135px;
    display: block;
    margin-top: -8px;
}
.certi {
    background-image: url(../img/certi.png);
    background-position: 7px 0px;
    background-repeat: no-repeat;
}
.certi2 {
    background-image: url(../img/certi.png);
    background-position: -154px 0px;
    background-repeat: no-repeat;
}
.certi3 {
    background-image: url(../img/certi.png);
    background-position: -316px 0px;
    background-repeat: no-repeat;
}
.certi4 {
    background-image: url(../img/certi.png);
    background-position: -475px 0px;
    background-repeat: no-repeat;
    width: 125px !important;
}
#fp2 ul li {
    float: left;
    color: white;
    padding-top: 4px;
    position: relative;
    margin-right: 95px
}
#fp2 ul li:first-child {
    margin-left: 0px;
    padding: 7px 0px 15px 0px;
    width: 330px;
}

#fp2 ul li:last-child {
    width: 125px;
}

#fp2 ul li span {
    background-image: url(../img/vr.jpg);
    position: absolute;
    right: 0px;
    top: 0px;
    height: 130px;
    width: 2px;
}
.calidadTxt {
    color: #161616;
    display: block;
    line-height: 27px;
    padding-right: 15px;
    font-size: 15px;
    height: 81px;
}
#fp3 {
    width: 100%;
    height: 363px;
    background-image: url(../img/p3Footer.png);
    position: absolute;
    top: 585px;
    z-index: 2;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 137px;
}
#fp3 ul li:first-child {
    margin-left: 0px;
    padding-left: 44px;
}
#fp3 ul li:last-child {
    padding-right: 0px;
    border: none;
}
#fp3 ul {
    margin-top: 80px;
    padding-left: 25px;
    width: 930px;
}
.oldie #fp3 ul li {
    margin-left: 20px;
}



#fp3 ul li {
    float: left;
    color: #000;
    font-family: gothicBold, sans;
    font-size: 14px;
    padding-left: 44px;
    padding-right: 23px;
    padding-bottom: 9px;
    margin-left: 35px;
    border-right: #A50B64 solid 1px;
    padding-top: 4px;
}
#fp3 ul li a:hover {
    color: #fff;
}

#fp3 ul li a {
    color: #000;
}
.iconFooter1 {
    background-image: url(../img/navFooterIcons.png);
    background-repeat: no-repeat;
}
.iconFooter2 {
    background-image: url(../img/navFooterIcons.png);
    background-position: 0px -31px;
    background-repeat: no-repeat;
}
.iconFooter3 {
    background-image: url(../img/navFooterIcons.png);
    background-position: 0px -65px;
    background-repeat: no-repeat;
}
.iconFooter4 {
    background-image: url(../img/navFooterIcons.png);
    background-position: 0px -100px;
    background-repeat: no-repeat;
}
#fp4 {
    width: 100%;
    height: 200px;
    background-image: url(../img/p4Footer.png);
    position: absolute;
    top: -272px;
    z-index: 1;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 1366px;
}
.footerTit1 {
    display: block;
    width: 550px;
    text-align: center;
    color: white;
    padding: 40px 25px 25px 25px;
}
.footerTit2 {
    background-color: #AA7B00;
    display: block;
    width: 102px;
    text-align: center;
    color: white;
    padding: 40px 25px 25px 25px;
}
.footerTit3 {
    background-color: #720544;
    display: block;
    width: 235px;
    text-align: center;
    color: white;
    padding: 40px 25px 25px 25px;
}
.serviciosFooter {
    color: #000;
    font-weight: bold;
}
footer p {
    color: #fff;
}
.marciano:hover {
    color: #008AAE;
}
.marciano {
    /*background-image: url(../img/marcianoLogo.png);*/
    background-repeat: no-repeat;
    background-position: 0px -1px;
    color: white;
    padding-left: 25px;
    display: block;
    width: 150px;
    margin-top: 27px;
    font-family: gothicBold, sans;
}
.legales {
    float: right;
    text-align: right;
    margin-top: -15px;
    font-family: gothicBold, sans;
    font-size: 13px;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}