﻿body {
	padding: 0 0 0 0;
	margin: 0;
		font-family:Verdana,Helvetica,sans-serif;
	font-size: small;
	background:#cdcdcd;	
	color: #000;
	
}

.page_margins { 
margin-left: auto;
margin-right: auto;
width: 1000px;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 2em 0 1em}

a{text-decoration:none;}

img{border-width:0 0 0;}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 0 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/*---------------------------------------------------*/
/* Header & Navigation                               */
/*---------------------------------------------------*/
#header {
	margin: 0 auto;
		
	width: 1000px;
	position: static;
}
	/* Logo */
	h1#logo {
		margin: 0;
		padding: 0;
	}
		h1#logo img { 
			margin-left: 3px;
		}

#infoHeader{
	height: 167px;
	overflow: hidden;
	background:black url(/images/web/panoramico.jpg) repeat-x scroll 0 0;
}

#tituloTerra{
	border-bottom:2px solid #FC703D;
	max-height: 50px;
}

#tituloTerraIzq{
	float: left;
}

#tituloTerraDer{
	float: right;
}

#idiomaTerra{
	float: right;
}

#tituloServicios{
	border-top:5px solid #FBD7AC;
}

#te{
	width: 63px;
	height: 111px;
	margin: 11px 0 0 10px;
	position: absolute;
	top: 0px;
}

#parrafoTE{
	font-size: small;
	font-family: "Arial Black";
	width: 700px;
	vertical-align: middle;
	color: #d5e24a;
}

#slideshow1 {
	height: 167px;
	overflow: hidden;
	background:black url(/images/web/panoramico.jpg) repeat-x scroll 0 0;
	color: #d5e24a;
}

#slideshow2 {
	height: 167px;
	overflow: hidden;
	background:black url(/images/web/sur.jpg) repeat-x scroll 0 0;
	color: #d5e24a;
}

/*---------------------------------------------------*/
/* Imagen 										 */
/*---------------------------------------------------*/

#botella{
	z-index: 50;
	position: absolute;
	left: 300px;
	top: 100px;
}

#mochilero{
	z-index: -10;
	position: absolute;
	left: 600px;
	top: 150px;
}

/*---------------------------------------------------*/
/* Container 										 */
/*---------------------------------------------------*/

#canvas {
	background:#fff;
	padding:1px 4px 7px 6px;
	margin-left: 1px;
	overflow: hidden;
	
	
}

#container {
	background:transparent;	
	overflow:hidden;
	height: 100%;

}

#leftnav {
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    -border-radius: 10px;
	behavior:url(border-radius.htc);
	background-color: #ccc4c1;
	padding:5px;	
	margin-top: 6px;	
	width: 190px;	
	padding-bottom: 32768px;
    margin-bottom: -32768px;

    
}



#rightnav {
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    -border-radius: 10px;
    behavior:url(border-radius.htc);
	background-color: #ffac80;
	padding:5px;	
	padding-bottom: 32768px;
    margin-bottom: -32768px;
	margin-top: 6px;	
	width: 190px;
    
}


#datos {
    
	 float: left;
	width: 570px;
	margin-top: 0;
	padding: 5px;
	
	
}

#awards {
		width: 570px;
		
}

.award {

padding: 0;


}

.mochillero_spacer {
float: left;
width: 65px;
}


#inicioFrame{
		margin-top: 4px;
        overflow: hidden;
        overflow-x: hidden;
}



/*---------------------------------------------------*/
/* Footer 											 */
/*---------------------------------------------------*/

#servExterno{
	height: 25px;
	vertical-align:middle;
	clear:both;
	margin-bottom: 0.5em;
	font-size: small;
	border-top:1px solid #FC703D;
	vertical-align: bottom;
	background-color:white;
}

#servExterno a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

#servExterno ul{
	padding:0;
	text-indent:inherit;
	list-style-type: none;
	display: inline;
}

#servExterno li{
	display: inline;
	padding-bottom:5px;
	padding-left:5px;
}

#servExterno ul li a img {
bottom:-3px;
height:20px;
position:relative;
width:20px;
}

#menuFooter {
	text-align: right;;
	border-top:1px solid #FC703D;
	border-bottom:1px solid #FC703D;
	clear:both;
	color:#FC703D;
	font-size:11px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-indent:15px;
}

#footer {
	text-align: center;
	clear:both;
	color:#000;
	font-size:11px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-indent:15px;
	}

/*---------------------------------------------------*/
/* Navigation Left 							 */
/*---------------------------------------------------*/

/* Left navigation */
	
	#centerleftnav {
	margin:10px;
	width:200px;
	float:right;
	}
	
	#centerleftnav li a {
	height:24px;
	text-decoration:none;
	voice-family:inherit;
	}
	
	#centerleftnav li a:link, #centerleftnav li a:visited {
	background:transparent url(/images/background/right-navigator/menu5.gif) repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	padding:8px 0 0 10px;
	}
	
	#centerleftnav li a:hover {
	background:transparent url(/images/background/right-navigator/menu5.gif) repeat scroll 0 -32px;
	color:#FFFFFF;
	padding:8px 0 0 10px;
	}
	
	#centerleftnav li a.active {
	background:transparent url(/images/background/right-navigator/menu5.gif) repeat scroll 0 -32px;
	color:#FFFFFF;
	display:block;
	padding:8px 0 0 10px;
	}


/******************************
*  Botones
******************************/

.primary {
border: none;
background: url('/images/www/buttons/white-1.png') no-repeat top left;
padding: 4px 26px;
}

.primary:active {
border: none;
background: url('/images/www/buttons/white-2.png') no-repeat top left;
padding: 4px 26px;
}

/******************************
*  Thumbnails
******************************/

#project_list, 
#asset_list {
  list-style-type: none;
  margin: 0; padding: 0;
}

#project_list li, 
#asset_list li {
  float: left;
  padding: 8px;
  width: 216px;
  voice-family: "\"}\""; 
  width: 175px;
}

#project_list li a img, 
#project_list li a:visited img, 
#asset_list li a img, 
#asset_list li a:visited img {
  display: block;
  margin-bottom: 5px;
  border: 0;
  border-bottom: 4px solid #DDD;
}

#project_list li a:hover img, 
#asset_list li a:hover img {
  background-color: #FC703D;
  border-bottom: 4px solid #FC703D;
}

#project_list li small, 
#asset_list li small {
  display: block;
}

/******************************
*  Tables
******************************/


table {
 font-size:0.9em;
 font-family: Arial, Helvetica, verdana sans-serif;
 /*background-color:#fff;*/
 border-collapse: collapse;
 width: 100%;
}
caption {
 font-size: 25px;
 color: #1ba6b2;
 font-weight: bold;
 text-align: left;
 background: url(/images/www/table/header_bg.jpg) no-repeat top left;
 padding: 10px;
 margin-bottom: 2px;
}
thead th {
 border-right: 1px solid #fff;
 color:#fff;
 text-align:center;
 padding:2px;
 text-transform:uppercase;
 height:25px;
 background-color: #FF5800;
 font-weight: normal;
}
tfoot {
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth: bold;
 margin-top:6px;
 border-top: 6px solid #e9f7f6;
}
tbody tr {
 background-color:#fff;
 border-bottom: 1px solid #f0f0f0;
}
tbody td {
 color:#414141;
 padding:5px;
 text-align:left;
}
tbody th {
 text-align:left;
 padding:2px;
}
tbody td a, tbody th a {
 color:#FF5800;
 text-decoration:none;
 font-weight:normal; 
 display:block;
 background: transparent url(/images/www/table/links_yellow.gif) no-repeat 0% 50%;
 padding-left:15px;
}
tbody td a:hover, tbody th a:hover {
 color:#009193;
 text-decoration:none;
}


/******************************
*  Servicios
******************************/

#descripcion_div{
	background: #FFFFCC
}

#contacto_div{
	background: #FFFFCC;
	width:395px; padding: 10px; position:absolute; 
}

h2.contactnav {

	font-family:Arial;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;	

}

/******************************
*  Inicio
******************************/

#inicio{
	/*height:600px;*/
	/*background-color:#fff;*/
}

#logoFlash {
	height:280px;
}

#logoTerra {
	background-color:#231f20;
	margin-bottom: 0.4em
}

#inicioTerra {
	background:transparent url(/images/www/background/inicio.png) repeat scroll 0 0;
	color: #990000;
	width:auto;
	height:240px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top: 1.5em;
	margin-left: 0.5em;
}

.tituloPizarra{
	font-size: xx-large;
}

.subtituloPizarra{
	font-size: larger;
}
/******************************
*  Mensajes
******************************/

#mensaje_header {
background:url(/images/www/background/guestbookHeader.png) no-repeat;
width:533px;
height:23px;
margin: 0 0 0 1em;
}
#mensaje_footer {
background:url(/images/www/background/guestbookFooter.png) no-repeat;
width:533px;
height:49px;
margin: 0 0 0 1em;
}
#mensaje_content {
background:url(/images/www/background/guestbook.png) repeat-y;
width:533px;
margin: 0 0 0 1em;
} 

#mensaje_content p{
	color: #000000;
	margin:0 4em 0 2em;
}

#mensaje_content p span{
	font-style: italic;
	font-family: "Monotype Corsiva";
	font-size: large;
	font-weight:900;
}

.pAlbum{
	background-image:url(/images/web/fondoImagen.png);
	color:#990000;
	padding:5px;
	position:absolute;
	width:181px;
	z-index:5;
	font-family: "Arial Black";
}

.fraseAlbum{
	color: #FF5800;
	margin: 0 0 0 1.7em;
	font-family: "Bodoni MT Black";
}

#datoAlbum{
	margin: 1em 0 0 0;
}

#imagenAlbum{
	background:url(/images/web/fondoImagen.png) no-repeat;
	float: right;
	padding:5px;
	width:171px;
	height: 86px;
	margin: 0.2em 0 0 0;
}

.fraseAviso{
	background:url(/images/web/cuadroA.png) no-repeat;
	width:125px;
	height:30px;
	font-family: "Bodoni MT Black";
	color: #fff;
	font-size: small;
	margin: 0 0 0 0.5em;
}

#datoAviso{
	margin: 2em 0 1em 1em;
}

#datoAvisoIzq{
	margin: 0;
	float: left;
	width: 190px;
}

#datoAvisoIzq img{
	margin-bottom: 4px;
}


#imagenAviso{
	background:url(/images/web/cuadroB.png) no-repeat;
	padding:5px;
	width:125px;
	height:155px;
	margin: 0.2em 0 0 0;
	font-family: "Arial Black";
}

#imagenAvisoB{
	background:url(/images/web/cuadroC.png) no-repeat;
	padding:5px;
	width:125px;
	height:155px;
	margin: 0.2em 0 0 0.5em;
	font-family: "Arial Black";
}

#botonDer{
	margin-left: 3em;
	float: left;
}

.imagenBandera{
	margin-left:418px;
}

.tituloFotos{
	font-family:Verdana;
	font-size:small;
	font-style:italic;
	font-weight:100;	
	margin-bottom:5px;
	clear: both;
/*
	font-family: "Arial Narrow";
	font-size: small;
	font-style: italic;
*/
}

.divTituloFotos {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.divTituloFotosLeft{
background: #dbd6d3;
}

.divTituloFotosRight{
background: #ffe0ce;
}

#fraseFotos{
	font-family: Arial;
	padding: 0 6px;
	font-style: italic;
	font-size: 0.9em;
}

/******************************
*  Tabs
******************************/


a#fdbk_tab:hover {
margin-right:-6px;
}

a#fdbk_tab {
background:transparent url(/images/www/externo/facebook.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
height:116px;
right:0;
margin-right:-12px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:25%;
width:53px;
z-index:100000;
}

a#guest_tab:hover {
margin-left:-6px;
}

a#guest_tab {
background:transparent url(/images/www/externo/feedback.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
height:116px;
left:0;
margin-left:-12px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:25%;
width:53px;
z-index:100000;
}

/******************************
*  Titulos
******************************/

h1 {
color:#FF5800;
font-size:22px;
font-family:Arial;
margin-bottom:10px;
}

h2 {
color:#FF5800;
font-size:16px;
font-family:Arial;
margin:0;
padding:0 0 20px;
}

h3 {
color:#FF5800;
font-size:14px;
font-family:Arial;
margin:0;
}

/******************************
*  Referencia
******************************/

.referencia{
	color:#6C8C37;
	text-decoration:none;
	font-weight:normal; 
}

.referenciaFooter{
	color:#FC703D;
	text-decoration:none;
	font-weight:normal; 
}

.parrafo{
	text-align:justify;
}

/******************************
*  Windows
******************************/

#windowsSup{
	width: 600px;
}

#windowsSupIzq{
	margin: 0.5em;
	width: 260px;
	float:left;
	position:relative;
}

#windowsSupDer{
	margin: 0 1em 1em 0;
}

ul.five {
list-style: none;
line-height: 1.5;
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 11px;
color: #000000;}


/**************
 * Menu
 * ***********/

#modernbricksmenu2{
clear:both;
position:absolute;
top:142px;
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: italic 12px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding:0 10px 0 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
}

#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}

/**************
 * Inicio
 * ***********/

.inicioTerra h3{
	font-family: "Rockwell Extra Bold";
}

.inicioTerra p{
	font-family: Arial, Verdana;
}

#videoDiv{
margin-left: 40px;
}

#videoParrafo{
 font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
 font-size: 14px;
 margin-top: .5em; color: #666;
}