@import url(http://fonts.googleapis.com/css?family=Amaranth:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700);

body { margin: 0; font-family: 'Open Sans', sans-serif; color: #555; font-size: 14px; font-weight: 400}

h1 {  font-size: 45px; color: #555; font-weight: 700; margin-top: 0;}
h2 {font-family: 'Open Sans', sans-serif; font-size: 24px; color: #555; font-weight: 600;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #555; font-weight: 400; margin-bottom: 0px;}



p.volanta { font-size: 14px; color: #aaa9a9; text-transform: uppercase; margin-bottom: 0;}

a:link, a:visited {text-decoration: none; color: inherit }
a:hover, a:visited:hover {text-decoration: underline; }

.action { 
	background-image: url('images/fondo-boton.png');
	background-repeat: no-repeat;
	text-transform: uppercase; 
	font-style:normal; 
	font-family: 'Amaranth', sans-serif; 
	font-size: 20px; 
	color: #fff; 
	width: 279px; 
	height: 49px; 
	line-height: 49px; 
	text-align: center;
}

input.action { border-width:0px; background-color: transparent; }
a.contratar{ display: inline-block; color: white;}
a.contratar:hover{ text-decoration: none}

/* background-image: url('images/pattern.jpg'); */

#header_bg { width: 100%;  }
#header { width: 960px; margin: 0 auto; height: 75px; padding-top: 20px;}
#header p { 
	font-family: 'Open Sans', sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #999; 
	text-transform: uppercase; 
	margin-left: 10px; 
	margin-right: 10px;
	text-shadow: 1px 1px #fff;
}

#nav_bg { width: 100%; background-image: url('images/pattern-botones.jpg'); }
#nav { width: 960px; height: 10px; margin: 0 auto; }
#nav_es { width: 960px; height: 39px; margin: 0 auto; }
#nav p { margin: 0 10px; line-height: 39px; float:right; 
	font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; color: #a26700; text-transform: uppercase; 
}
#nav_es p { margin: 0 10px; line-height: 39px;  
	font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; color: #a26700; text-transform: uppercase; 
}
#nav a:hover, #nav a:visited:hover {  }
#nav_es a:link, #nav_es a:visited {color: #000}
#nav_es a:hover, #nav_es a:visited:hover { color: #a26700 }

#home_photo { width: 960px; height: 216px; margin: 0 auto }

#call_wrapper {
	background-image: url('images/pattern.jpg');
	width: 100%;
	padding-bottom: 30px;
}

#call { 
	width: 920px; 
	height: 283px; 
	background-image: url('images/imagenHome3.png'); 
	margin: 0 auto; 
	padding-top: 175px; 
	padding-left: 20px; 
	padding-right: 20px;
	background-repeat: no-repeat;
}

.call1 {
	font-family: 'Open Sans', sans-serif; 
	font-size: 36px; 
	color: #fff; 
	font-weight: 700; 
	margin: 0; 
	text-shadow: 2px 2px #000;
}

.call2 {
	font-family: 'Open Sans', sans-serif; 
	font-size: 19px; 
	color: #fff; 
	font-weight: 400;  
	margin: 19px 0px; 
	text-shadow: 2px 2px #000;
}

#why {
	width: 960px; 
	margin: 0 auto; 
	padding-top: 50px; 
	padding-bottom: 50px;
}

#why>h1 { text-align: center; font-size: 30px; color: #333}

#why>p { text-align: center; font-size: 20px; line-height: 34px; color: #74849a}


#why>ul>li {
	list-style-type: none;
	line-height: 34px;
	margin-bottom: 20px;
	color: #333;
	font-size: 16px;
}



#icons {width: 960px; margin: 0 auto; min-height: 400px;}
#icons table {padding-top: 45px; padding-bottom: 35px; }
#icons td { color: #555; padding: 0 10px; vertical-align: top;}
#icons p {
	font-size: 16px; line-height: 30px; color: #74849a
}

div#icons>div.box {
	float: left;
	width: 400px;
}

div#icons>div.last-box {
	margin-left: 150px;
}
#testimonials_bg {
	background-color: #3D3847;
}

#testimonials {
	width: 960px; 
	margin: 0 auto; 
	padding-top: 50px; 
	padding-bottom: 50px;
	overflow: hidden;
}

#testimonials p {
	color: #fff;
}

#testimonials author {
	color: #ffd862;
}

#testimonials cite {
	text-style: italic;
	font-size: 20px;
}
#home_portfolio { width: 960px; margin-left: auto; margin-right: auto; }
#home_blog { width: 630px; padding-left: 10px;}
#home_blog p { margin-top: 0px; }
/*
#home_blog { margin-right: 0px; margin-left: 10px; margin-top: 15px; background-image: url('images/pattern-contenido-blogbox.png'); }
#home_blog h2 { font-size: 22px; color: #fff; background-image: url('images/pattern-titulo-blogbox.png'); font-weight: 400; font-style: italic; height: 52px; padding-left: 15px; padding-right: 15px; line-height: 52px; border-bottom: 2px solid white; }
#home_blog h3 { padding-left: 15px; padding-right: 15px; margin-bottom: 0px; margin-top: 10px; font-size: 14px; color: #919190; font-weight: 700; font-style: none;}
#home_blog p { margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #919190; margin-bottom: 0px; margin-top: 0px;}
*/

#footer_bg {
	background: #3D3847; /*#deccba; */
	width:100% 
}
#footer { width: 960px; margin: 0px auto 0 auto; min-height: 110px; font-size: 13px; clear: both; color: #9c9e9e;}
#footer table { height: 89px; clear: both;width: 960px; }
#footer h2 { 
	font-family: 'Open Sans', sans-serif; 
	font-size: 19px; 
	color: #9c9e9e;
}

#footer p {
	color: #9c9e9e;
}

#footer>div.box {
	float: left;
	width: 400px;
}

#footer a {
	color: #9c9e9e;
}

#footer a:hover {
	color: #efefef;
}

#follow_box {
	text-align: right;
}

#content { width: 960px; margin: 0 auto; }
#content h3 { font-style: italic; font-size: 25px; color: #a66423; font-weight: 400; margin-top: 0;}
#content p { font-weight: 400; margin: 0}
#content a:hover { color: blue; }

#skills { background-color: #e0e0e0; float: right; width: 226px; }
#skills p { font-size: 14px; color:#919190; padding: 0 20px; }
#skills ul { padding: 0 20px;}
#skills li { list-style: none; border-bottom: 1px dashed #919190; padding: 5px 0; }

.service_item { width: 673px; border-bottom: 1px solid #b9b9b9; padding: 15px 0; height: 130px; }
.service_item p {font-style: italic; font-size: 18px;}

#franja_bg { 
	background-color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
}

#franja {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#light{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 300px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background: #fff;
    z-index:1002;
    overflow:visible;
	text-align: center;
}


#casestudies_bg {
	background-color: #4c535f;
}

#casestudies {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}

#casestudies p {
	margin-bottom: 0px;
}

#casestudies h2 {
	color: #fff;
	margin-top: 0px;
}

#casestudysummary {
	float: right;
	width: 480px;
}

#casestudies a:link, #casestudies a:visited {
	color: #34c8ee;
}

#casestudies a:hover {
	text-decoration:underline;
}

.header-interno {
	width: 960px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 600;
}

.header-interno h1 {
	padding-top: 40px;
	color: #fff;
	margin-bottom: 0px;
}

.header-interno p {
	margin-top: 0px;
	color: #fff;
	font-size: 16px;
}

.case-wms {
	background-image: url(images/fondo-case-wms.png);
}

.case-macs {
	background-image: url(images/fondo-case-macs.png);
}

/* Headers interno de 1 sola línea */
.header-interno-simple {
	width: 960px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 600;
}

.header-interno-simple h1 {
	line-height: 170px;
	color: #fff;
	margin: 0px;
}

.servicios-digitales {
	background-image: url(images/fondo-servicios-digitales.png);
}

.contact {
	background-image: url(images/fondo-contact.png);
}

.content-interno-1 {
	width: 900px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 20px;
}

.content-interno-2_bg {
	background-color:#f4f4f4;
}

.content-interno-2 {
	width: 900px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
}

.content-interno-3_bg {
	background-color:#34c8ee;
}

.content-interno-3 {
	width: 900px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
}

.content-interno-3 p, .content-interno-3 h2, .content-interno-3 li {
	color: #fff;
}


.content-interno-4_bg {
	background-color:#00aaad;
}

.content-interno-4 {
	width: 900px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
}

.content-interno-4 p, .content-interno-4 h2, .content-interno-4 li {
	color: #fff;
}

.content-interno-4 h3 {
	color: #DEFF00;
}

.content-interno-5_bg {
	background-color: #FF6C00;
}

.content-interno-5 {
	width: 900px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
}

.content-interno-5 h2 {
	color: #fff;
}

.to-right {
	float: right;
	margin-left: 20px;
}

.to-left {
	float: left;
	margin-right: 20px;
}

.photo-border {
	border: 8px solid white;
}

#servicios_opcionales h2 {
	color: #FF6C00;
}

#servicios_opcionales li {
	font-size: 16px;
}

form[name=frmContratacion] input[type=text], form[name=frmContratacion] input[type=email] {
	font-size: 14px;
	width: 200px;
}

form[name=frmContratacion] textarea {
	font-size: 14px;
	width: 200px;
}