﻿/*-------------Estilos fuentes------------*/
a:link, a:visited{
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#d03600;
}


h1{
	color:#FFF;
	font-family:Trebuchet MS;
	font-size:230%;
}

h2{
	color:#eee;
}

h3{
	font-size:16px;
}

h2,li a{
	font-family:Trebuchet MS;
}

#menu li a{
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	color:#ebebeb;
	text-transform: uppercase;
}
#menu a:hover{
	color:#f2a501;
}

h3,p{
	color:#666;
}

#contenido h2{
	font-size:170%;
	color:#f27e01;
}

#contenido a:link, #contenido a:visited{
	color:#f27e01;
}

#contenido a:hover{
	color:#d03600;
	text-decoration:underline;
}

#submenu a:link, #submenu a:visited{
	color:#f27e01;
	font-size:14px;
}

#submenu a:hover{
	color:#d03600;
	text-decoration:underline;
}

small{
	color:#65779a;
}

p{
	line-height: 1.45em;
	margin-bottom:5px;
}

#pie small{
	color:#7d7d7d;
	margin-right:20px;
}

#pie a{
	margin-right:20px;
}

#troncal a:hover{
	text-decoration:underline;
}
/*----------------------ESTILO PAGINA---------------------*/

*{
	margin:0;
	padding:0;
}
body{
	font-family:arial, verdana, sans-serif;
	font-size:76%;
	background:#000 url(i/bg.png) top left repeat-x;
}

#contenedor{
	margin:auto;
	width:760px;
	min-height:500px;
	margin-top:10px;
}

#cabecera{
	height:90px;
	background:#f27e01 url(i/cab-top.png) top center no-repeat;
	position:relative;
	text-align:center;
	padding-top:10px;
}
/*--------------------Menu---------------------*/
#menu li{
	float:left;
	display:block;
	height:31px;
	top:122px;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #FFF;
}

#menu ul{
	position:absolute;
	background:#000;
	width:758px;
	border:1px solid #ccc;
}


#menu a{
	padding:3px 15px;
	line-height:1.5;
	display:block;
}

#menu .seleccionado a{
	color:#f27e01;
}
/*--------------------Fin Menu---------------------*/


#cuerpo{
	clear:both;
	background:#FFF;
	position:relative;
	min-height:350px;
}

#contenido{
	width:435px;
	text-align:justify;
	padding:30px 52px;
	border-right:2px solid #eee;
	min-height:350px;

}

#contenido ul{
	margin-top:20px;
	margin-bottom:20px;
}

#contenido h2{
	margin:20px 0;
}


/*---------------Sub Menu----------------*/
#submenu{
	float:right;
	width:136px;
	padding:20px 40px;
}

#submenu li{
	list-style:none;
	margin-bottom:5px;
}

#submenu h3{
	margin:30px 0;
}

#submenu .seleccion a{
	color:#d03600;
	font-weight:bold;
}
/*---------------Fin Sub Menu----------------*/

#pie{
	height:35px;
	text-align:left;
	background:#000;
	padding-top:15px;
	padding-left:5px;
	padding-bottom:5px;
	clear:both;
	border:1px solid #ccc;
}

#troncal li{
	float:left;
	display:block;
	height:31px;
}

#troncal ul{
	text-align:center;
}

#foto {
	float:right;
	margin-left:10px;
	border:2px solid #f27e01;
}

/*-----------Formulario---------------*/

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

/*
hacks
--------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
