/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-size: 13px;
 background:#333333;
 font-family: "trebuchet MS",sans-serif;
 letter-spacing: -0.2pt;
 background:url("img/repeat_bg.gif") repeat-x scroll left -14px #D7D7D7;
margin:0;
}

h1{
	font-size:60px;
	color:#fff;
	margin-left:30px;
	margin-top:34px;
	float:left;
}
.flota{
	float:right;
}


.azul{
	font-size:52px;
	color:#f38630;
}

.azulB{
	font-size:18px;
	color:#f38630;
}

#wrapperA {
background:url("img/back.png") no-repeat scroll center -14px transparent;
min-width:950px;
}

#wrapperB { 
margin: 0 auto;
 width: 950px;
 background:#FFF;
}

#header {
 color: #a7dbd8;
 width: 950px;
 float: left;
 height: 175px;
 background:#333333;
}
#navigation {
 float: left;
 width: 950px;
 color: #333;
 background: #333333;
}

/*-------------------------------------------------------
NAVEGACION
-----------------------------------------------------------------------------*/

ul#main-nav {
  clear: left;
  list-style: none;
  margin: 0;
}
  
#main-nav li {

  display: block;
  float: left;
}

#main-nav li a {
  color: #8A8A8A; /* color: #6DCFF6; */
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
}

#main-nav li a small {
 display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

#main-nav li a.active {
  background: url(images/white_highlight.png) left top repeat-x!important;
  background:#333333;
  color: #FFF;
}



#main-nav li a:hover {
  background: url(img/resalta.png) left top repeat-x!important;
   background:#333333;
  color: #FFF;
}

#main-nav li a.active:hover {
  background: url(images/white_highlight.png) left top repeat-x;
  color: #9EE1FD;
}
  
#nav-blog { width: 110px; }
#nav-tools { width: 110px; }
#nav-guides { width: 110px; }
#nav-youmoz { width: 110px; }
#nav-marketplace { width: 110px; }
#nav-store { width: 110px; }
#nav-about { width: 110px; }

/*---------------------------------*/



#leftcolumn { 
 color: #333;
 width: 682px;
 float: left;
 background: #FFF;
}
#rightcolumn { 
 float: right;
 color: #333;

 margin: 0px 0px 5px 0px;
 padding: 10px;

 width: 240px;
 display: inline;
 background: #FFF;
}



#sugerencias{
	background:url(img/sugerencias.gif) no-repeat;
	width:230px;
	height:198px;
	padding:7px;
}

.in{
	background:url(img/input.gif) no-repeat;
	width:216px;
	height:20px;
	border:none;
	font-family: "trebuchet MS",sans-serif;
	font-size: 10px;
	color:#666666;
}
INPUT{
	
}
textarea{
	background:url(img/textArea.gif) no-repeat;
	width:217px;
	height:89px;
	border:none;
	overflow:hidden;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.boton{
	width:129px;
	height:20px;
	background:url(img/botonEnvia.gif) no-repeat;
}


table a,
table a:link,
table a:visited {
	border:none;
	color:#69d2e7;
	}		
	
table {
	width:620px;;
	margin:1px auto;
	border-collapse:collapse;
	}
caption {
	font-size:24px;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	color:#f38630;
	}	
tr.odd td,

td {
	color:#678197;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	padding:.3em 1em;
	}
.puesto{
	width:75px;
	font-weight:bold;
	text-align:left;
}
.sueldo{
	width:40px;
	text-align:right;
	color:#036564;
}
.area{
	width:100px;
	text-align:left;
}
.descri{
	width:180px;
	text-align:justify;
	font:Arial, Helvetica, sans-serif 12px;
}
.detalle{
	width:35px;
	color:#69d2e7;
	cursor:pointer;
}

#backT{
	background:url(img/tablaBack.gif) no-repeat;
	margin:25px;
}

tbody tr {
	border-bottom:1px dotted #f38630;
}


	
thead th {
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}				
tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

.separador{
	clear:both;
}

#footer { 
 width: 950px;
 clear: both;
 color: #333;
 background: #FFF;
 height:880px;
 border-top:#FFCC00 1px solid;
}

#derechaF{
	float:left;
	margin:10px;
	width:240px;
	background:#FFF;
		padding:8px;
}

#centroF{
	float:left;
	display: inline;
	width:200px;
	margin:10px;
	background:#FFF;
	border-left:#FFCC00 1px solid;
		padding:8px;
}

#izquierdaF{
	float:right;
	display:inline;
	background:#FFF;
	border-left:#FFCC00 1px solid;
	padding:8px;
	width:380px;
}

.leftmenu{width:190px; list-style-type:none;}
.leftmenu li{width:190px; height:22px; border-bottom:1px dashed #a7dbd8;}
.leftmenu li a{width:190px; height:22px; display:block; background:url(img/bullet-normal.gif) 0 7px no-repeat; color:#036564;; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
.leftmenu li a:hover{background:url(img/bullet-hover.gif) 0 7px no-repeat #69d2e7;; color: #FFF; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
ul.leftmenu li.Solutions{width:190px; height:30px; display:block; background:url(img/inicio.gif) 0 10px no-repeat; color:#036564;; line-height:22px; text-decoration:none; padding:0 0 0 15px;}


/********************* VENTANA EMERGENTE */

#ventana{
	width:730px;
	height:740px;
	background: url(img/detalleBack.gif) no-repeat;
	margin:25px;
	margin-left:60px;
}

#ventana p{
	margin-left:40px;
	color:#fa6900;
	font-size:14px;
}
.etiqueta{
	font-size:16px;
	font-weight:bold;
	color:#036564;
	margin-left:10px;
	margin-right:6px;
}

#ventana H2, h4, h5 {
	text-align:center;
}

#ventana h2{
	color:#f38630;
}
#ventana h4{

		font-size:18px;
	color:#cdb380;
}
#ventana h5{
		font-size:24px;
	color:#69d2e7;
}


/** login -----------------*/
#formulario{
	margin:14px;
	margin-left:45px;
}
.inpute{
background:url("img/input.jpg") no-repeat scroll 0 0 transparent;
border:0 none;
color:#666666;
height:50px;
padding-left:14px;
padding-top:12px;
width:400px;
}

/* -------------- LOS DATOOOS OK=? */

#datos{
	margin:25px;
}

label{
 margin-left:8px;
 margin-right:4px;

 font-size:12px;
 font-weight:bold;
}

h3{
	color:#036564;
	font-size:16px;
}

a, img{
	border:none;
}

.error{
	color:#990000;
	font-size:14px;
}

.izq{
	float:left;
}

.cleared{
	clear:both;
	height:15px;
}