/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.anim{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


@font-face {
    font-family: 'trebuchet_msregular';
    src: url('font/trebuc-webfont.eot');
    src: url('font/trebuc-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/trebuc-webfont.woff') format('woff'),
         url('font/trebuc-webfont.ttf') format('truetype'),
         url('font/trebuc-webfont.svg#trebuchet_msregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-image:url(images/bg-body-pattern.jpg);
	background-position: left top;
	background-repeat: repeat;
	font-family: 'trebuchet_msregular';

}

h1{ font-size:23px; line-height:25px; text-transform:uppercase;}
h2{ font-size:15px; line-height:20px; text-transform:uppercase; color:#414042;}
p{ font-size:11px; line-height:16px; color:#444; }

.circulo{ width:40px; height:40px; border-radius:50%; display:block; text-align:center; color:#fff; font-size:26px; line-height:40px;}

.amarillo-color{ color:#F8971D; }
.amarillo-bg{ background-color:#F8971D; }
.bordo-color{ color:#9E1F63; }
.bordo-bg{ background-color:#9E1F63; }
.violeta-color{ color:#552988; }
.violeta-bg{ background-color:#552988; }
.azul-color{ color:#005596;}
.azul-bg{ background-color:#005596;}

.autoOveflowBlock {

	overflow: hidden;
	height: auto;
	display: block;
	position: relative;

}

#wrapperPage {
	width: 794px;
	margin-left: auto;
	margin-right: auto;
}

header.outter{
	margin-top: 53px;
	width:100%;
	position: relative;
	height: 133px;
	background-image:url(images/bg-header-pattern.jpg);
	background-position: left top;
	background-repeat: repeat;
	box-shadow:0 8px 10px -9px #000000;
}
header.inner{
	position: relative;
	height: 100%;
	width: 794px;
	margin:auto;
	background-image:url(images/bg-negro-05.png);
	background-position: left top;
	background-repeat: repeat;
}

header h1 {
	margin-top: 20px;
	margin-left: 38px;
	float: left;
}

#facebook {
	margin-top: 20px;
	margin-right: 17px;
	float: right;
}
#facebook i{ color:#fff; font-size:14px; opacity:0.5; filter:alpha(opacity=50); }
#facebook:hover i{ opacity:1; filter:alpha(opacity=100);}


nav {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height:35px;
}

nav li {
	width: 157px;
	float:left;
	display:block;
	margin-left:2px;
	background-color:#4d4d4d;
	position:relative;
}
nav li:first-child{ margin-left:0; }
nav li#home:hover , nav li#home.active{ background-color:#54B948; }
nav li#empresa:hover , nav li#empresa.active{ background-color:#F8971D; }
nav li#recursos:hover , nav li#recursos.active{ background-color:#9E1F63; }
nav li#servicios:hover , nav li#servicios.active{ background-color:#552988; }
nav li#contacto{ width:158px;}
nav li#contacto:hover , nav li#contacto.active{ background-color:#005596;}
nav li a{ text-transform:uppercase; color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; line-height:35px; text-align:right; display:block; padding:0 16px; letter-spacing:2px; }
nav li a:hover{ color:#fff; }

nav ul.segundo-nivel{ z-index:1000; width:100%; position:absolute; display:none; padding:4px 0; background-color:#4d4d4d; }
nav ul.segundo-nivel li{ height:12px; margin:4px 0 0;}
nav ul.segundo-nivel li:first-child{ margin:0;}
nav ul.segundo-nivel li a{ font-size:10px; line-height:12px; padding-left:10px; letter-spacing:0;}
nav li#servicios ul.segundo-nivel li:hover , nav li#servicios ul.segundo-nivel li.active{ background-color:#552988; }

footer{ height:52px; width:100%; margin:20px 0 14px; overflow:hidden; position:relative; background:url(images/bg-gris-50.png) top left repeat; box-shadow:0 8px 8px -8px #000000; padding-top:8px;}
footer p{ text-align:center; color:#fff; line-height:18px; letter-spacing:1px; }
footer a{ color:#fff; }

article{ box-shadow:0 14px 12px -12px #000000; width:100%;  overflow:hidden; position:relative; background:#fff; padding:16px 12px; margin-top:14px;}
article .article-inner.border{ border:1px solid #E6E7E8; }
article .article-inner{ width:770px; overflow:hidden; }

.slider{ }
.cycle-slideshow{  height:380px; }
.slider span.arrow{ width:34px; height:22px; display:block; position:absolute; top:50%; margin-top:-17px; background-color:#D1D3D4; background-position:center center; background-repeat:no-repeat; z-index:10000; cursor:pointer; }
.slider span.arrow:hover{ background-color:#4d4d4d; }
.slider span.arrow#prev{ background-image:url(images/leftArrow.png); left:0; }
.slider span.arrow#next{ background-image:url(images/rightArrow.png); right:0;}

a.mas-info{ width:90px; height:44px; color:#fff; text-transform:uppercase; text-align:center; line-height:44px; font-size:12px; position:absolute; left:50px; bottom:76px; z-index:10000; text-decoration:none; background-color:#0D743B; }

a.mas-info-dos{ text-transform:uppercase; text-align:center; line-height:10px; font-size:10px; text-decoration:none;}
a.mas-info-dos span{}


.seccion-img{ margin-bottom:16px; width:100%; height:64px; overflow:hidden;}
.seccion-contenido{ padding-left:26px; width:100%; height:auto; overflow:hidden; position:relative; }
.seccion-contenido h1{ margin-bottom:26px; }
.seccion-contenido .float-left{ float:left; }
.seccion-contenido .margin-der{ margin-right:20px; }
.seccion-contenido .margin-izq{ margin-left:20px; }
.seccion-contenido p{ width:325px;}
.seccion-contenido p.chico{ width:300px;}
.subtit-con-link{ overflow:hidden; margin-bottom:12px; }
.subtit-con-link h2{ float:left; margin-right:8px; }
.subtit-con-link a{ float:left; line-height:20px; }

.box-content{ overflow:hidden; margin-bottom:20px; }

.col{ float:left; width:384px; padding:16px 0 0;}
.col h1{ padding:0 17px; margin-bottom:14px;}

.col.border{ border-right:1px solid #E6E7E8;}
#map{ overflow:hidden; height:232px; border-bottom:1px solid #E6E7E8; background:url(images/bgmap.png) center bottom no-repeat; padding-bottom:15px;  }
#map iframe{ width:357px; margin:auto; display:block;  height:100%;} 
#mapDiv div.gm-style div div div div.directions-card{ display:none; }

form{ width:354px; display:block; margin:auto; }
form .box-form{ display:block; overflow:hidden; margin-bottom:16px; }
form .box-form label{ float:left; width:114px; margin-right:6px; text-align:right; text-transform:uppercase; font-size:10px; color:#414042; line-height:14px;}
form .box-form input{ float:left; height:14px; border:1px solid #BDBEC1; padding:0 12px; font-size:12px; color:#414042; width:220px; text-transform:uppercase; font-family: 'trebuchet_msregular'; }
form .box-form textarea{ float:left; border:1px solid #BDBEC1; padding:6px 12px; font-size:12px; color:#414042; width:220px;  height:166px; resize:none; font-family: 'trebuchet_msregular';   }

form .box-form select{ height:14px; border:1px solid #BDBEC1; padding:0 12px; font-size:12px; color:#414042; width:220px; top:-3px;  font-family: 'trebuchet_msregular';}
.select-box{ position:relative; }
.select{ position: absolute; height:14px; border:1px solid #BDBEC1; padding:0 12px; font-size:12px; color:#414042; width:220px; overflow: hidden; line-height:14px; background-image:url(images/selectArrow.png);
background-repeat:no-repeat; background-position:206px 0; text-transform:uppercase; font-family: 'trebuchet_msregular';}
form .select-box.error-form span.select{ border:1px solid red; }

form .box-form input.submit{ width:40px; height:14px; color:#fff; text-align:center; border:none; display:block; font-size:8px; padding:0; float:right; margin-right:15px;}
form .box-form a.borrar{ width:40px; height:14px; background-color:#fff; text-align:center; border:1px solid #005596; display:block; cursor:pointer; font-size:8px; line-height:14px; float:right; margin-right:8px;}

form .box-form.error-form input{ border:1px solid red;}
form .box-form.error-form textarea{ border:1px solid red;}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}