/**
* PRENSAR
*
* Description
*  
* @author      tripi.com.ar
* @link       	http://www.tripi.com.ar/
* @email       info@tripi.com.ar
*
* @file        css
* @version     1.0
* @date        01/10/2012
*
* Copyright (c) 2012

*/ 

/* ----------------------------
FONTS
---------------------------- */

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

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

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

}

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


html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
	
	font-family: 'DINPro-Light';
	background-color: #C7BAA7;
}

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;
}

#header {
	border-top:20px solid #968B7C;
	background-color: #FFF;
	height: 200px;
	width: 100%;
}

#top {
	width: 1024px;
}

#logo {
	float:left;
	margin-top:40px;
	margin-left:40px;
}

#menu {
	float:right;
}

#menu .item_red{
	background-color: #DE5F00;
	width: 120px;
	height: 40px;
	
	float:left;
	text-align: center;
	padding-top: 140px;
}

#menu .item_yellow {
	background-color: #FFAC00;
	width: 120px;
	height: 40px;
	
	float:left;
	text-align: center;
	padding-top: 140px;
}

#menu .item_green{
	background-color: #6AC3B8;
	width: 120px;
	height: 40px;
	
	float:left;
	text-align: center;
	padding-top: 140px;
}

#menu .item_orange{
	background-color: #FF9100;
	width: 120px;
	height: 40px;
	
	float:left;
	text-align: center;
	padding-top: 140px;
}

#menu a{
	text-decoration: none;
	color:#FFF;
	padding-top: 140px;

	font-weight: normal;
    font-style: normal;
}

#menu a.select {
	
}

#menu a:hover{

}

#wrapper {
	width:100%;
	min-height: 500px;
	background-color: #FFF;
}

#wrapper #content {
	width:1024px;
	background-color: #FFF;
	padding-bottom: 20px;
}

#wrapper #content h1 {
	padding: 0px;
	margin: 0px;
	
	font-family: 'LeagueGothicRegular';
	color:#968B7C;
	font-size: 34px;
	
	font-weight: normal;
    font-style: normal;
    
    text-align: left;
}

#wrapper #content p {
	text-align: left;
}

#wrapper #content h2 {
	padding-top: 10px;
	margin:0px;
	padding-bottom:10px;
	color:#c0c0c0;
	font-size:16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#slider {
	width:100%;
	height:515px;
	background-color: #FFFFFF;
}

#services {
	text-align: left;
	float:left;

}

.circle {
	margin-top:30px;
  border-radius: 50%;
  width: 70px;
  height: 60px; 
  background-color: #DE5F00;
  color:#FFF;
  padding: 50px;
  padding-top: 60px;
  float: left;
  text-align: center;
  font-size: 18px;
  margin-right: 40px;
  /* width and height can be anything, as long as they're equal */
}

.circle2 {
	margin-top:30px;
  border-radius: 50%;
  width: 70px;
  height: 60px; 
  background-color: #FFAB00;
  color:#FFF;
  padding: 50px;
  padding-top: 60px;
  float: left;
  text-align: center;
  font-size: 18px;
  margin-right: 40px;
  /* width and height can be anything, as long as they're equal */
}

.circle3 {
	margin-top:30px;
  border-radius: 50%;
  width: 70px;
  height: 60px; 
  background-color: #6AC4B8;
  color:#FFF;
  padding: 50px;
  padding-top: 60px;
  float: left;
  text-align: center;
  font-size: 18px;
  margin-right: 40px;
  /* width and height can be anything, as long as they're equal */
}

.circle4 {
	margin-top:30px;
  border-radius: 50%;
  width: 70px;
  height: 60px; 
  background-color: #FF9100;
  color:#FFF;
  padding: 50px;
  padding-top: 60px;
  float: left;
  text-align: center;
  font-size: 18px;
  margin-right: 40px;
  /* width and height can be anything, as long as they're equal */
}

#clients {
	width:1024px;
}

#footer {
	clear:both;
	background-color: #C7BAA7;
	background-image: url('../images/footer-bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 460px;
}

#address {
	color:#FFF;
	padding-top: 100px;
}

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

#copyright {
	margin-top:100px;
}

/* CONTACTO */

#contacto {
	width: 450px;
	float:left;
}

.contacto_forms{
	border-bottom:1px solid #DC5C05;
	float:left;
	width:420px;
}

#contacto textarea:focus, #contacto input:focus {	
	color:#555555;
}

#contacto input {
	background:transparent;
	width: 420px;
	max-width:420px;
	min-width:420px;
	height:30px;
	font: 12px 'DINPro-Light';
	letter-spacing: 0.75pt;
	color:#000;
	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 'DINPro-Light';
	color:#000;
	letter-spacing: 0.75pt;
	border: 0px;
	float:left;
	margin-top:3px;
	padding:2px 0px 0px 5px;
}
#contacto input.submit-button {
	background:#666666;
	width: 70px;
	min-width:70px;
	height:30px;
	margin:10px 0px 0px 0px;
	float:right;
	border:0px;
	color:#ffffff;
}
#contacto_back {
	position:absolute;
	z-index:9999;
	display:none;
	width:420px;
	height:240px;
}
#contacto_back h3 {
	font: 12px 'DINPro-Light';
	letter-spacing: 0.75pt;
	color:#000;
	float:left;
	margin:0px;
}
#contacto_back a {
	font: 12px 'DINPro-Light';
	letter-spacing: 0.75pt;
	color:#DC5C05;
	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: #ff0000;
	text-align:left;
	margin-bottom:8px;
	padding:2px;
	float:left;
	width:380px;
}