/**
* Title
*
* Description
*
* @license     PHP General Public License    
* @author      tripi.com.ar
* @link        http://www.tripi.com.ar/
* @email       info@tripi.com.ar
*
* @file        filename.php
* @version     1.0
* @date        20/08/2012
*
* Copyright (c) 2012
*/ 

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

}

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

}

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

}

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
	background-image: url('../images/bg.jpg');
	background-position: center top;
	background-repeat: repeat;
	background-color: #6C3536;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

#intro {
	width:1024px;
	padding-top:30px;
}

#header {
	width:100%;
	background-color: #000;
	
	position: fixed;
	height:75px;
}

#header_bottom {
	width: 100%;
	background-position: center bottom;
	background-image: url('../images/bg_bot_menu.png');
	background-repeat: repeat-x;
	height: 22px;
	padding-top: 65px;
	position: fixed;
}

#logo {
	position: fixed;
}

#slogan {
	position: fixed;
	margin-left:150px;
	margin-top: 30px;
}

#menu {
	position: fixed;
	margin-left:390px;
	margin-top: 25px;
	font-family: 'sofia_pro_lightregular';
	 font-weight: normal;
    font-style: normal;
}

#menu a{
	color:#FFF;
	padding-right: 30px;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	font-family: 'sofia_pro_lightregular';
	 font-weight: normal;
    font-style: normal;
}

#menu a.select {

	color:#E45A48;
	padding-right: 20px;
	text-decoration: underline;

}

#menu a:hover{
	color:#E45A48;
	text-decoration: none;

}

#wrapper {
	width:1024px;
	/*min-height: 1060px;*/
	padding-top:110px;
}

#home {

	width:1024px;
	float: left;
	min-height: 860px;
	
	background-image: url('../images/bg1.png');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:40px;
	
	/*background-attachment:fixed;*/
}

#home_left {
	float:left;
	width:305px;
	font-family: 'steelfish_rgregular';
	font-size: 30px;
	color:#582629;
	text-align: left;
	margin-left:85px;
}

#home_right {
	float:left;
	width:448px;
	margin-left:75px;
	color:#07090B;
	font-family: 'montserratregular';
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	
}

#home_right h1 {
	margin:0px;
	padding: 0px;
	font-family: 'montserratregular';
	font-size: 12px;
	color:#78D1F4;
	font-weight: normal;
	padding-top:10px;
}

.videos {
	margin-top: 10px;
	font-family: 'montserratregular';
	font-size: 12px;
	text-align: left;
	color: #FFF;
	line-height: 20px;
	margin-bottom: 40px;
}

.videos td{
	padding-right: 10px;
	
}

.more {
	color:#E45A48;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.more:hover {
	color:#E45A48;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

#como_funciona {

	clear: both;
	padding-top:10px;
	border-top:10px solid #CF4A48;
	
	background-image: url('../images/bg_funciona.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	
	height: 690px;
	
	/*background-attachment:fixed;*/

}

#fix {
	clear:both;
}

#funciona1 {
	clear: both;
	float:left;
	margin-top:40px;
	margin-left:45px;
	text-align: left;
	width:375px;
}

#funciona2 {

	float:left;
	margin-top:140px;
	margin-left:-75px;
	text-align: left;
	width:375px;
}

#funciona3 {

	float:left;
	margin-top:20px;
	margin-left:-40px;
	text-align: left;
	width:315px;
}

#funciona4 {
	float:left;
	margin-top:65px;
	margin-left:160px;
	text-align: left;
	width:375px;
}

#funciona5 {
	float:left;
	margin-top:-75px;
	margin-left:620px;
	text-align: left;
	width:340px;
}

#funciona6 {
	float:left;
	margin-top:60px;
	margin-left:100px;
	text-align: left;
	width:375px;
}

#funciona7 {
	float:left;
	margin-top:60px;
	margin-left:70px;
	text-align: left;
	width:375px;
}

#funciona8 {
	float:left;
	margin-top:65px;
	margin-left:-125px;
	text-align: left;
	width:430px;
}

#funciona_n {
	float:left;
	color:#FFF;
	font-family: 'steelfish_rgregular';
	font-weight: normal;
	font-size: 50px;
	padding-right: 15px;
}

#funciona_title {
	float:left;
	display: inline;
	color:#78D1F4;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 12px;
}

#funciona_desc {
	
	color:#FFF;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}

#servicios {
	background-color: #E45A48;
	clear: both;
	width:1024px;
	
	/*background-attachment:fixed;*/
}

#servicios_parte2 {
	background-color: #FF6661;
	clear: both;
	width:1024px;
}

#servicios_subtitle {
	color:#F1CA20;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding-left: 50px;
	padding-top:20px;
}

#servicios_title {
	float:left;
	padding-left: 50px;
	padding-bottom: 40px;
}

#servicios_img {
	float:right;
}

#servicios_parte2 {
	clear: both;
	width:1024px;
	background-color: #FF6661;
}

#servicios_parte2_content {
	float:left;
	margin-top: -20px;
	background-image: url('../images/bg_servicios_parte2.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 345px;
	width:723px;
}

#servicios_parte2_content p{
	text-align: left;
	width:580px;
	color:#58272A;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	padding-top:30px;

	
}

#servicios_parte2_items {
	float:left;
	width: 300px;
	padding-bottom: 20px;
}

#servicios_parte2_items img{
	border: 0px;
}

#servicios_parte2_items p{
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	text-align: left;
}

#servicios_parte2_items table td{
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

#servicios_speak {
	background-image: url('../images/speak.png');
	background-repeat: no-repeat;
	background-position: left top;
	width:497px;
	height: 196px;
	text-align: left;
}

#servicios_speak p {
	margin:0px;
	padding: 0px;
	padding-top: 12px;
	width: 338px;
	padding-left: 145px;
	color:#58272A;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}

#cloud {
	clear: both;
	background-image: url('../images/bg_cloud.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 1024px;
	height: 666px;
	
	/*background-attachment:fixed;*/
}

#cloud_left {
	float:left;
	width: 225px;
	margin-left: 25px;
	margin-top: 150px;
}

#cloud_middle {
	float:left;
	width: 365px;
	padding-left: 40px;
	padding-top: 40px;
	text-align: left;
}

#cloud_middle h1{
	padding: 0px;
	margin: 0px;
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 30px;
	color: #FFF;
	line-height: 35px;
}

#cloud p{
	font-size: 12px;
	font-family: 'montserratregular';
	font-weight: normal;
	color: #FFF;
}

#cloud p a{
	color: #FF6661;
	text-decoration: none;
}

#enterprise {
	clear: both;
	background-image: url('../images/enterprise.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 1024px;
	height: 654px;
}

#about {
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	text-align: left;
	width: 320px;
	float:left;
	padding-top: 290px;
	padding-left: 320px;
}

#contact {
	clear: both;
	background-image: url('../images/contact.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 1024px;
	height: 669px;
	
	font-family: 'montserratregular';
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	text-align: left;
}

#contact_left {
	float:left;
	padding-left: 50px;
	padding-top: 50px;
	
}

#contact_right{
	float:right;

	padding-top: 85px;
	padding-right: 80px;
}

#map {
	width:400px;
	height:200px;
	margin-bottom: 20px;
	float:left;
	border:5px solid #38BEBB;
}

/* CONTACTO */

#contacto {
	float: right;
	width: 420px;
}
.contacto_forms{
	border-bottom:1px solid #cccccc;
	float:left;
	width:420px;
}
#contacto textarea:focus, #contacto input:focus {	
	color:#00B0BE;
}
#contacto input {
	background:transparent;
	width: 420px;
	max-width:420px;
	min-width:420px;
	height:30px;
	font: 12px 'montserratregular';
	letter-spacing: 0.75pt;
	color:#00B0BE;
	margin:0px;
	padding-left:5px;
	border: 0px;
	float:left;
}
#contacto textarea {
	background:transparent;	
	height: 220px;
	min-height:220px;
	max-height:220px;
	width: 416px;
	max-width:416px;
	min-width:416px;
	font: 12px 'montserratregular';
	color:#00B0BE;
	letter-spacing: 0.75pt;
	border: 0px;
	float:left;
	margin-top:3px;
	padding:2px 0px 0px 5px;
}
#contacto input.submit-button {
	
	width: 30px;
	height: 30px;
	background-image: url('../images/send.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin:10px 0px 0px 0px;
	float:right;
	
	color:#ffffff;
	font-family: 'montserratregular';
	font-size:12px;
	
}
#contacto_back {
	position:absolute;
	z-index:9999;
	display:none;
	width:420px;
	height:240px;
}
#contacto_back h3 {
	font: 12px 'montserratregular';
	letter-spacing: 0.75pt;
	color:#bbbbbb;
	float:left;
	margin:0px;
}
#contacto_back a {
	font: 12px 'montserratregular';
	letter-spacing: 0.75pt;
	color:#E25549;
	text-decoration:none;
	margin-left:5px;
	float:left;
}
#contacto_back a:hover {
	text-decoration:underline;
}
#contacto_normal{
	float:left;
}
.error {
	font: 10px helvetica, arial;
	color: #FFF;
	text-align:left;
	margin-bottom:8px;
	padding:2px;
	float:left;
	width:380px;
}


#footer {
	clear: both;
	background-color: #282828;
	width: 100%;
	height: 120px;
}

.foot_contact {
	padding-top:30px;
	width:400px;
	font-family: 'montserratregular';
	color:#B7B7B7;
	font-weight: normal;
	font-size: 12px;
}

.foot_contact a{
	font-family: 'montserratregular';
	color:#FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.foot_contact a:hover {
	font-family: 'montserratregular';
	color:#FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

#menu_foot {
	font-family: 'montserratregular';
	color:#B7B7B7;
	padding-top: 20px;
	font-weight: normal;
	font-size: 12px;

	letter-spacing: 2px;
	
}


#menu_foot a {
	color:#B7B7B7;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

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

#menu_foot a.select {
	color:#FFF;
	text-decoration: none;
}