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

/* =============================================================================
   Base
   ==========================================================================  */
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-size:12px;line-height:1.4;margin:0}
body,button,input,select,textarea{font-family:arial, helvetica, sans-serif;color:#636262}
::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}
::selection{background:#fe57a1;color:#fff;text-shadow:none}

/* =============================================================================
   Links
   ==========================================================================  */
a{color:#0b94a1;text-decoration:underline}
a:visited{color:#0B94A1}
a:hover{text-decoration:none}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}

/* =============================================================================
   Typography
   ==========================================================================  */
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:none}
small{font-size:85%}
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
   ==========================================================================  */
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
svg:not(:root){overflow:hidden}
fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
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}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
input:valid,textarea:valid {}

/* =============================================================================
   Tables
   ==========================================================================  */
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
/* Fonts */
@font-face{font-family:'HelveticaNeueLTStd55Roman';
src: url('../font/helveticaneueltstd-roman-webfont.eot');
src: url('../font/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../font/helveticaneueltstd-roman-webfont.woff') format('woff'),
	 url('../font/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
	 url('../font/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
font-weight:normal;font-style:normal}
@font-face{font-family:'HelveticaNeueLTStd35Thin';
src: url('../font/helveticaneueltstd-th-webfont.eot');
src: url('../font/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../font/helveticaneueltstd-th-webfont.woff') format('woff'),
	 url('../font/helveticaneueltstd-th-webfont.ttf') format('truetype'),
	 url('../font/helveticaneueltstd-th-webfont.svg#HelveticaNeueLTStd35Thin') format('svg');
font-weight:normal;font-style:normal}

/* **************** Styles ***************** */
body{background:#567781}
.page{width:962px;margin:20px auto;background:#FFF;border:1px solid #7dced1}

/* Header */
#header{background:#f7f7f7;
background-image: -moz-linear-gradient(top, #fdfdfd, #f3f4f4);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f3f4f4),color-stop(1, #fdfdfd));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fdfdfd', endColorstr='#f3f4f4');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fdfdfd', endColorstr='#f3f4f4')"}
#header hgroup{width:552px;height:82px;float:left;padding:20px 340px 0 0;background:url(../img/circulos-header.png) 657px bottom no-repeat}
#header a{font-size:11px;float:right;color:#666;margin:40px 20px 0 0}
#header h1 a{width:184px;height:63px;float:left;background:url(../img/logo.png);margin:0}
#header h2{font:17px HelveticaNeueLTStd55Roman;color:#b8bbbf}

/* Nav */
#nav{width:100%;height:38px;background:#3dbbc3;
background-image: -moz-linear-gradient(top, #4ac3c7, #30b3bf);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #30b3bf),color-stop(1, #4ac3c7));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4ac3c7', endColorstr='#30b3bf');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4ac3c7', endColorstr='#30b3bf')"}
#nav li,#nav div:hover,#nav li.selected div{height:38px;float:left}
#nav span{float:left;height:20px;line-height:20px;margin:9px 0 0;border-left:1px solid #a3d8d9;border-right:1px solid #347f81}
#nav a{width:158px;padding:8px 0;margin:-9px 0 0;text-align:center;float:left;font:17px HelveticaNeueLTStd55Roman;color:#FFF;text-decoration:none;text-shadow:1px 1px 1px #26787e}
#nav a.last{width:162px}
#nav a:hover,#nav li.selected a,#nav div:hover,#nav li.selected div{background:#4e6f79;
background-image: -moz-linear-gradient(top, #45656f, #567781);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #567781),color-stop(1, #45656f));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#45656f', endColorstr='#567781');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#45656f', endColorstr='#567781')"}

/* Home */
.imgPrincipal{width:923px;height:436px;background:url(../img/home-principal.jpg)}
blockquote{width:415px;float:right;padding:15px 0 0 15px;font:25px HelveticaNeueLTStd55Roman;color:#FFF;text-transform:uppercase}
blockquote cite{font-size:15px;text-transform:none;display:block;font-style:normal}
.maintitleBig{font-size:35px!important}

/* Featured */
.featured{width:922px;float:left;background:#e6e6e6;border-top:1px solid #a8a0a0;border-width:1px 0}
.featured h1{font:20px HelveticaNeueLTStd55Roman;text-transform:uppercase}
.featured article{width:297px;float:left}
.featured article a{color:#0b94a1;text-decoration:none}
.featured article h1{font-size:13px;color:#0b94a1;text-decoration:underline;margin:0;text-transform:capitalize;font-style:italic}
.featured article p{margin:0 0 10px;color:#636262}
.featured div{float:left}
.featured .italic{color:#636262}
.featured .bgGrey{width:288px!important;min-height:194px}
.featured .last,.featured .bgGrey{padding-top:54px!important}
.lt-ie8 .featured .bgGrey{min-height:225px}

/* Equipo */
#equipo article{width:882px;float:left;padding:20px;background:#e6e6e6}
#equipo article h1{margin:0;font-size:15px;color:#4e9905;font-style:italic;font-weight:400}
#equipo img{float:left;margin:0 15px 0 0}
#equipo ul{padding:0;list-style:none}

/* Equipo */
.portfolio article{width:882px;float:left;padding:20px;background:#e6e6e6}
.portfolio a{text-decoration:none}
.portfolio article h1{margin:0;font-size:13px;font-style:italic;font-weight:400;color:#0b94a1;text-decoration:underline}
.portfolio p{color:#636262}
.portfolio p span{color:#0b94a1;text-decoration:underline}
.portfolio img{float:left;margin:0 15px 0 0}

/* Proyecto */
.col-right{width:600px;float:right}
.cuadrito{width:273px;padding:10px;border:1px solid #48bcc7;list-style:none;background:#f9f9f9;
background-image: -moz-linear-gradient(top, #ffffff, #f3f3f4);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f3f3f4),color-stop(1, #ffffff));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f3f3f4');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f3f3f4')"}
.cuadrito li{margin:0 0 9px}
.cuadrito li span{width:70px;float:left;font-size:13px;font-weight:700}
.spacing{padding:0 0 0 70px}
.texto-grafico{margin:100px 0 0;font-style:italic;color:#567781}

/* Forms */
.form .bgGrey2{width:882px;float:left}
.col-left{width:312px;float:left}
.form-title{color:#567781;font-weight:700;margin:0}
.form form{width:550px;float:right;margin:0 0 0 20px}
.form form div{float:left;margin:0 20px 0 0}
.form label{display:block;margin:0 0 5px;color:#636262}
.form input{width:249px}
.form input.inputBig{width:534px}
.form textarea{width:534px;height:120px}
.form select{width:265px;float:left}
.form input,.form textarea,.form select{padding:7px;margin:0 0 15px;border:1px solid #d7d7d7;background:#f8f8f8;
background-image: -moz-linear-gradient(top, #f1f1f1, #fefefe);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fefefe),color-stop(1, #f1f1f1));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#fefefe');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#fefefe')"}
.btn{width:123px;float:left;clear:left;text-align:center;margin:0 20px 0 0;padding:10px 0;border:none;font-size:14px;text-shadow:1px 1px 1px #25787e;color:#FFF;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;cursor:pointer;background:#3cbac3;
background-image: -moz-linear-gradient(top, #4ac3c7, #30b3bf);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #30b3bf),color-stop(1, #4ac3c7));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4ac3c7', endColorstr='#30b3bf');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4ac3c7', endColorstr='#30b3bf')"}
.reset{clear:none;background:#688790;
background-image: -moz-linear-gradient(top, #78959e, #567781);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #567781),color-stop(1, #78959e));
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#78959e', endColorstr='#567781');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#78959e', endColorstr='#567781')"}
input.radio{width:auto;float:left;margin:1px 5px 0 0;padding:0;background:none;border:0}
.form fieldset{margin:0 0 15px}
.form fieldset label{display:inline}
.form legend{margin:0 0 5px;font-size:13px}
.error{border:1px solid red!important}

.message{margin:0 0 15px;padding:10px;border:1px solid #000;position:relative;}
.message ul{margin:0}
.punta{width:10px;height:18px;position:absolute;left:310px;top:20px}
.success{background:#e5ffcb;border-color:#92ca5c}
.success .punta{background:url(../img/punta-success.png) no-repeat}
.error{background:#FFEBE8;border-color:#DD3C10}
.error .punta{background:url(../img/punta-error.png) no-repeat}

.bgGrey{background:#f5f5f5!important}
.bgGrey2{background:#e6e6e6!important}
.borderGrey{border:1px solid #dedede}
.borderBlue{border:1px solid #c7e6da}
.borderTop{padding:10px 0 0;border-top:1px solid #ddd}
.unstyled{list-style:none;padding:0}
.clear{clear:both}

/* Footer */
#footer{width:922px;display:inline-block;padding-top:20px;font-size:11px;color:#a0a0a0;border-top:1px solid #a8a0a0}
#footer h2{margin:0;font:15px HelveticaNeueLTStd55Roman;text-transform:uppercase}
#footer p{margin:0;text-align:right}
#footer ul{float:right;margin:0;padding:0;list-style:none;clear:right}
#footer li{float:left;margin:0 0 0 10px}
#footer li a{color:#0b94a1}
#footer .fr{width:330px}
.phone{margin:0 10px 0 0;padding:0 0 3px 15px;background:url(../img/cel.jpg) 0 0 no-repeat}
.mail{padding:0 0 0 20px;background:url(../img/mail.jpg) 0 0 no-repeat}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1,.h1{font-size:20px;color:#567781}
h2,.h2{font-size:20px;color:#567781;margin:0!important}
h2 a{color:#567781;text-decoration:none}
h3,.h3{font-size:14px;margin:0!important}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.main-title{margin:0 0 10px;font:25px HelveticaNeueLTStd55Roman;text-transform:uppercase;color:#70cac8}

 /* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p, table, blockquote, legend, .media {margin:0 0 15px}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin:10px}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0}
 
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(10px),medium(15px),large(20px),none(0)
*/

.ptn,.pvn,.pan{padding-top:0!important}
.pts,.pvs,.pas{padding-top:10px!important}
.ptm,.pvm,.pam{padding-top:15px!important}
.ptl,.pvl,.pal{padding-top:20px!important}
.prn,.phn,.pan{padding-right:0!important}
.prs,.phs,.pas{padding-right:10px!important}
.prm,.phm,.pam{padding-right:15px!important}
.prl,.phl,.pal{padding-right:20px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}  
.pbs,.pvs,.pas{padding-bottom:10px!important}
.pbm,.pvm,.pam{padding-bottom:15px!important}
.pbl,.pvl,.pal{padding-bottom:20px!important}
.pln,.phn,.pan{padding-left:0!important}
.pls,.phs,.pas{padding-left:10px!important}
.plm,.phm,.pam{padding-left:15px!important}
.pll,.phl,.pal{padding-left:20px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mts,.mvs,.mas{margin-top:10px!important}
.mtm,.mvm,.mam{margin-top:15px!important}
.mtl,.mvl,.mal{margin-top:20px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrs,.mhs,.mas{margin-right:10px!important}
.mrm,.mhm,.mam{margin-right:15px!important}
.mrl,.mhl,.mal{margin-right:20px!important}
.mbn,.mvn,.man{margin-bottom:0!important}  
.mbs,.mvs,.mas{margin-bottom:10px!important}
.mbm,.mvm,.mam{margin-bottom:15px!important}
.mbl,.mvl,.mal{margin-bottom:20px!important}
.mln,.mhn,.man{margin-left:0!important}
.mls,.mhs,.mas{margin-left:10px!important}
.mlm,.mhm,.mam{margin-left:15px!important}
.mll,.mhl,.mal{margin-left:20px!important}

/* ==|== non-semantic helper classes ======================================== */
/* 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; *line-height: 0; }
.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; }

/* Custom */
.fl{float:left}
.fr{float:right!important}
.nm{margin:0!important}
.np{padding:0}
.nbl{border-left:0!important}
.nbr{border-right:0!important}
.italic{font-style:italic}
.underline{text-decoration:underline!important}
.fontNormal{font-weight:400}
.bold{font-weight:700}
.justify{text-align:justify}
.al{text-align:left!important}

/* ==|== media queries ====================================================== */
@media only screen and (min-width: 480px) {
	
}
@media only screen and (min-width: 768px) {
	
}
/* ==|== print styles ======================================================= */
@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !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; }
}