body					{background:url(../img/bg1.gif);height:100%;margin: 0;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;background-color: #EEE;font-family: 						                        "Georgia", Serif;color: #000;}
header					{ background-color: none;position:relative;width: 896px;height: 180px;margin: 0 auto;padding: 0px;}
h1                      { font: bold 15px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 9px 0; text-align: center; }
h2                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; color: #002266; }
h2.title                { text-align: center; }
h3                      { font: bold 20px Georgia, Serif; margin: 0 0 10px 0; color: #003388; }
blockquote              { margin-left: 30px; } 
#contenido				{width:860;margin: 0 auto;text-align: center;}
#pie					{box-shadow: 0px 0px 20px rgba(0,0,0,0.5);background-color: #1d1d1d;width: 800px;position: relative;}
#b						{font-size: 20px;text-align: center;}
#imgs					{ width:800px; display: inline-table; background-color:none;border-radius:0px 0px 35px 35px;box-shadow: 0px 20px 20px rgba(0,0,0,0.5);}

a						{color: #e44e2d;font-weight: bold;}
section					{ background-color: none;width: 860px;height:auto;color: #fff;margin: 0 auto;padding: 18px;)}
/*
section					{width: 860px;height:auto;color: #fff;margin: 0 auto;border-radius: 20px;padding: 18px;box-shadow: 0px 0px 20px rgba(0,0,0,0.5)}
*/
/*-----------------------main container----------------------------------
footer{
	position:absolute;
width:800px;
height:110px;
top:50%;
left:50%;
color:#757575;
font-size:11px;
text-align:center;*/
/*	background:url(../img/footer1.jpg) no-repeat center top;	*/
}
.bottom_divider{width:900px; height:15px; background:url(./images/bottom_divider.gif) repeat-x  top right; float:left; clear:both; padding:0 0 0 0px; margin:10px 0 0 0;}
#i{
	float:left; cursor:auto;}
#d{
	float:right; cursor:auto; margin-right:20px;}
ul{list-style-type:none;padding:0;margin:0;}
li{display:inline-block;position:relative;margin:3px;cursor:pointer;}
nav { width: auto;  padding:18px 90px 0 0; margin:0 ; position: center;  float:right; /*border-bottom: 2px solid #a71700;*/ }
nav ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
nav ul li a { position: center; float:right; margin:0 8px; padding:0; color: #3e63ec; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
nav ul li a:hover {color: white;}
/*--------------------------formulario contactanos-----------------------------------*/
.form_content{ width:420px;float:left; margin-left: 30px; padding:10px 0px 10px 0px; position: relative;}
.form_row{width:520px;float:left;padding:10px 0 10px 0;}
.form_row label{width:100px;float:left;font-size:13px;text-align:right;padding:0px 20px 0 0;font-weight:bold;height:30px;background-color: #003;line-height:30px;}
input.form_input{width:300px;height:30px;background-color:#003;color:white;border:none;float:left;padding:0px 0 0 5px;}
textarea.form_textarea{width:300px;height:120px;font-family:Arial, Helvetica, sans-serif;background-color:#003;color:white;border:none;float:left;padding:10px 0 0 5px;font-size:12px;}
input.form_submit{width:115px;height:auto;color:#4f4f4d;font-size:18px; text-align:left; font-family:Arial, Helvetica, sans-serif;
  cursor:pointer;float:right;margin-right:200px;padding:5px 20px 5px 20px;
    background:#003 url(../img/ema.png)no-repeat 80px;

border:1px solid #dedede;}
label.error { width:345px; display: block; float: right; color: red; padding:5px 0 0 0px; background:none; text-align:left; font-size:12px; font-weight:normal; }
/* --------------------------Slider--------------------------------------------- */
#slider {  width:852px; margin:0 auto;}
#slideshow { height:190px; padding:0; }
.slider-item { position: absolute;; width: 100% !important; height:180px; }
.slider-item img { width:800px; height:200px; float:center; margin:0; padding:0;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  border-radius: 10px; 
}
.slider_content_inner img { border: none; }
.controls-center { width: 852px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; width:600px;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:852px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style: none; }
#slider_controls ul li { float: right; display: block; }
#slider_controls ul li a { width:17px; height: 8px; background:url('img/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('img/tabs_1.gif') no-repeat center center; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 20px; padding:0;}
.right { width:680px; margin:0; padding:0 10px; float:right;}


#nav{
  margin: 0;
  padding: 7px 6px 0;
  background: #7d7d7d url(img/gradient.png)repeat-x 0 -110px;
  line-height: 100px;

  border-radius: 2em;
  -webkit-border-radius:2em;
  -moz-border-radius:2em;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
}
#nav .current a,#nav li:hover>a{
  background: #666 url(img/gradient.png)repeat-x 0 -40px;
  color: #444;
  border-top: solid; 1px #f8f8f8;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-shadow:0 1px 0 rgba(255,255,255,1);
}
#nav ul{
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 35px;
  left: 0;
  background: #ddd url(img/gradient.png)repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius: 10px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
  box-shadow:0 1px 3px rgba(0,0,0,.3);
}
/*dropdown*/
#nav li:hover>ul{
  display: block;
}
/*rounded corners for first and last child*/
#nav ul li:first-child>a{
  -webkit-border-top-left-radius:9px;
  -moz-border-radius-topleft:9px;

  -webkit-border-top-right-radius:9px;
  -moz-border-radius-topright:9px;
}
#nav ul li:first-child>a{
  -webkit-border-bottom-left-radius:9px;
  -moz-border-radius-bottomleft:9px;

  -webkit-border-bottom-right-radius:9px;
  -moz-border-radius-bottomright:9px;
}
/*----------------------*/
.button {
   border-top: 1px solid #050052;
   background: #02001c;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#02001c));
   background: -webkit-linear-gradient(top, #000000, #02001c);
   background: -moz-linear-gradient(top, #000000, #02001c);
   background: -ms-linear-gradient(top, #000000, #02001c);
   background: -o-linear-gradient(top, #000000, #02001c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #00013b;
   background: #00013b;
   color: #b5b5b5;
   }
.button:active {
   border-top-color: #000000;
   background: #000000;
   }
#mv{
  width: auto;
  height: 184px;
  margin-bottom: 20px;
  padding: 5px;
  background: url(../img/logos/ess.png)no-repeat center;

}
#vision{
  margin-left: 25px;
  width: 330px;
  height: 180px;
  float: left;
  margin-bottom: 0px;
     font-family: PRISTINA;
}
#mision{
 height: 180px;
 margin-right: 25px;
 width: 330px;
 float: right;
 margin-bottom: 0px;
    font-family: PRISTINA;
}
.transparente {
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 20px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 20px;
   box-shadow: rgba(0,0,0,1) 0 0 20px;
   text-shadow: rgba(0,0,0,.4) 0 0 20px;
   color: white;
   text-align: center;
   font-size: 19px;

   vertical-align: middle;
 background-color: #000;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
 opacity: 0.5;
 }
 #sidecontac{
  margin-top: 20px;
  margin-right: 30px;
  width: 370px;
  float: right;
  font-size: 12px;
background-color: #00013b;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 
0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00013b', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00013b', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #00013b, #000000);
background-image: -ms-linear-gradient(top, #00013b, #000000);
background-image: -o-linear-gradient(top, #00013b, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(##00013b), to(#000000));
background-image: -webkit-linear-gradient(top, ##00013b, #000000);
background-image: linear-gradient(top, ##00013b, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.90;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
 }
 #ticontac{
  width: 360px;
  height: auto;
  
  
 }
#ticontac span{
  font-size: 10px;
  text-align: center;
}
span{
  
}
#textopr        {width: 790px;height: 300px;background-color: #00013b;color: #fff;margin: 0 auto;border-radius: 15px 15px 0 0; padding-left:5px; padding-right:5px;padding-top: 18px;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);

-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 
0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00013b', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00013b', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #00013b, #000000);
background-image: -ms-linear-gradient(top, #00013b, #000000);
background-image: -o-linear-gradient(top, #00013b, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(##00013b), to(#000000));
background-image: -webkit-linear-gradient(top, ##00013b, #000000);
background-image: linear-gradient(top, ##00013b, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.90;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
}
.b                     { font-family:PRISTINA; font-size: 50px; color: #003388; }

.map{
  frameborder: 0;
  scrolling: no ;
  marginheight: 0 ;
  marginwidth: 0 ;
  margin: 0 auto;
  width: 350px;
  height: 300px;
}
.linkmapa{
  color:#0000FF;
  text-align:left;
}




footer { 
  width: 980px;
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
  text-shadow: 1px 1px #000;
  height: 30px;
  padding: 5px 0 20px 0;
  text-align: center; 
  color: #FFF;
  margin-top: 25px;
  background: transparent url(../images/transparent.png);
}

footer p { 
  line-height: 1.7em;
  padding: 0 0 10px 0;
}

footer a { 
  color: #FFF;
  text-decoration: none;
}

footer a:hover { 
  color: #FFF;
  text-decoration: underline;
}