*{
	padding:0;
	margin:0;
}

/* Colores:
 borders: #939090
 Títulos: #fff
 *** en negro
 Texto descriptivo: #bcc2c7 (gris mediano)
 Texto Links: #3ecdf6 (azul brillante del logo)
 Texto alterno: #3ef661 (verde brillante del logo)
 
 *** en blanco
 Texto general en blanco: #98989c (gris opaco)
 Texto titulo left content: 393939 (gris oscutro)
 texto descriptivo: 67676d (gris mediano)
 
 Bloques: en gris:313337 en negro:#000 (si ya se que no tengo que ponerlo)
 
FONTS:
Es una mezcla de Courier + Helvetica

 */

body{ /* debe cambiar */
	font-family:Arial, Helvetica, sans-serif;	
	background-color: #000;
}

a:visited, a:link{
	text-decoration: none;
}

h1, h2, h3{
	font: 1.0em "Courier New", Courier, mono;
	color: #fff;
}

img{
	border:0;
}

a{
	color: #67676d;
}

a:hover{
	color:#98989c ;
}

#wrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

/* Header portion */
#header{
	position:relative;
	padding-top: 40px;
	height:140px;
}

#logo {
	position: relative;	
}

/*aqu viene los nav con iconos, tomado del ajax demo*/
#navbar {
	width:100%;
	padding-top: 8px;
	padding-bottom: 5px;
	background: #313337;
	bottom:0;
	right:0;
	position:absolute;
}

#navbar ul {
	padding-left:5px;
	padding-bottom: 1px;
	list-style-type:none;
	font: 13px "Courier New", Courier, mono;
	float:right;
}

#navbar ul li {
	float: left;
}

#navbar ul li a {	
	padding: 0px 30px 0px 45px;
	height:32px;
	color: #fff;
	/*border:1px solid white;
	/*border-left: 1px solid #fff;
	/*border-right: 1px solid #d2d2d2;*/
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	display:block;
	float:left;
}

#navbar ul li a:hover {
	color: #3ecdf6;
	
}

#header-title h1{
	margin:10px;
}

#nav-buttons{
	float:right;
	width:555px;
}

#header-title{
	float:left;
	font: 18px "Courier New", Courier, mono;
}

/* add icons to tabs */
#nav-home a {background-image: url(../images/home.gif);}
#nav-portafolio a {background-image: url(../images/servicios.gif);}
#nav-servicios a {background-image: url(../images/portafolio.gif);}
#nav-contacto a {background-image: url(../images/contacto.gif);}
#nav-member a {background-image: url(../images/home.gif);}

/*termina el nav ajax demo */

/* Cuerpo de la pagina */
#content{
	width:100%;
/*	min-height:856px;*/
	background: #f6f6f6;
	float:left;
}

#leftcontent {
	width: 601px;
	min-height: 700px;
	/*border-left: 2px solid #939090;
	border-right: 2px solid #939090;
	border-bottom: 2px solid #939090;*/
	background: #fff;
	padding-bottom: 20px;
	float:left;
}

#rightcontent{
	width: 195px;
	min-height: 600px;
	float: right;
}

#leftcontent h1{
	color: #393939;
	padding-bottom: 5px;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top:.5em;
}

#leftcontent h2{
	color: #3ecdf6;
	padding-bottom: 5px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#leftcontent p{
	font-size: 14px;
	color: #98989c;
	line-height: 18px;
}

.content-text{
	padding:20px 10px 10px 30px;
}

.content-text li{
	display: inline;	
}

.content-text br{
	clear:both;
}

.portafolio-item{
	margin-top: 10px;
	width:100%;
	float:left;
}

.portafolioimg{
	padding-bottom: 10px;
	float:left;
	width:165px;
}

.portafolioname{
	font-size: 18px;
	color: #393939;
	width:400px;
}

.portafoliodata{
	font-size: 14px;
	color: #98989c;
	width:400px;	
	float:left;
}

/*-------------Empieza footer de otros */

.footer_container {
	width:100%;
/*	height:40px;*/
	text-align: left;
	padding-top:10px;
	float:left;
	border-top:1px solid #98989c;
}
.footer_content_left {
	width:500px;
	height:auto;
	float:left;
	padding-left:25px;
	color:#868f98;
	font-size:10px;
}
.footer_content_right {
	float:right;
	width:480px;
	text-align:right;
	color:#868f98;
	font-size:10px;
	padding-right:25px;
}
a.footer_content_link:link {
	color:#868f98;
	font-size:10px;
	text-decoration: none;
	margin: 0 4px 0 6px;
}
a.footer_content_link:visited {
	color:#868f98;
	font-size:10px;
	text-decoration: none;
	margin: 0 4px 0 6px;
}
a.footer_content_link:hover {
	color:#868f98;
	font-size:10px;
	text-decoration: underline;
	margin: 0 4px 0 6px;
}
a.footer_content_link:active {
	color:#868f98;
	font-size:10px;
	text-decoration: none;
	margin: 0 4px 0 6px;
}

/*--------------------termina footer */

/*------------------empieza el table--*/
#minitable{
	font-size: 10px;
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
}

#minitable td{
	padding-left: 15px;
	padding-right: 15px;
	color: #67676d;
}

.blue_right_border {
	border-left:solid 1px #3ecdf6;
}
/*--------------------termina el table*/


/*---------------------Menus mooltool*/
ul#sliding-navigation
{
	list-style: none;
	font-size: 11px;
	margin: 30px 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{
	display: block;
	width: 130px;
	padding: 5px 15px;
	margin: 0;
	margin-top: 5px;
}

ul#sliding-navigation li.sliding-element h3{
	color: #3ecdf6;
	background: #333;
	border: 1px solid #1a1a1a;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a{
	color: #999;
	background: #222;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #3ecdf6; }


/* submenus*/
ul#sliding-navigation li.sliding-element2 a{
	display: block;
	width: 110px;
	padding: 5px 15px;
	color: #999;
	background: #222;
	border: 1px solid #1a1a1a;
	text-decoration: none;
	text-align: right;
}

ul#sliding-navigation li.sliding-element2 a:hover { color: #3ecdf6; }

.subimg{
	padding: 5px 0px;
	left: 5px;
}

/*termina el menu*/

/* --------------------ROUNDED BOXES */

#index-boxes-wrapper{
	width:100%;
	padding-bottom: 20px;
	margin-top: 17px;
	height:200px;
}

#index-boxes{
	width:585px;
	margin:10px auto;
}

.toprated {
	height: 165px;
	width: 195px;
	padding-bottom: 12px;
	padding-top: 5px;
	background: url(../images/rightboxbottom.jpg) no-repeat top left;
	float:left;
	position:relative;
}	

.toprated h3 {
	padding: 10px 10px 0px;
	font-size: 1.3em;
	font-weight: normal;
	/*background: url(../images/rightboxtop.png) no-repeat top;*/
	background: url(../images/topratedbttmborder.gif) no-repeat bottom;	
	color: #d8a214;	
}

.toprated h4, .toprated img{
	position:absolute;
	top:180px;
}

.toprated h4.relative-position, .toprated img.relative-position{
	position:relative;
	top:5px;
	float:right;
}

.toprated h4.relative-position{
	right:10px;
}

.toprated h4 a {
	color: #3ecdf6;
	font-size: 11px;
	left:0;
	padding-left:5px;
	text-decoration: none;
	letter-spacing: 0.2em;
	
}
.toprated h4 a:hover {
	color: #d4d3d3;
}

.toprated p{
	padding: 20px 15px 0px;
	font-size: 12px;
	color:#67676d ;
}

.toprated p a {
	color: #fe6600;
	text-decoration: none;
}

.toprated p a:hover {
	color: #d4d3d3;
}

.toprated img {
	display: block;
	right:0;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	padding: 0px 5px 5px 10px;
	
}	

/*terminan los boxes*/


.icon-list{
	list-style:none;
}

.icon-list a{
	color:#aaa;
	text-decoration:none;
}

.icon-list a img{
	border:0;
	padding:.4em;
	position:relative;
	top:15px;
}

.ultext1{
	line-height: 18px;
}

.validators{
	width:200px;
	float:right;
	clear:both;
	margin-top:10px;
}

.validators a img{
	float:left;
}

ul.ulcontent-text{
	color:#98989C;
	font-size:14px;
}

ul.ulcontent-text li{
	display:block;
	margin-left:10px;
	margin-top:3px;		
}

.colorff6600{
	color:#fe6600;
}

/* Deprecated 
#header-title{
	float:left;
	font: 18px "Courier New", Courier, mono;
}

#Contentboth .text1 ul li{
	list-style-type:disc;
	display:list-item;
	font-size:14px;
	color:#98989C;
	margin-left:2em;
}

#Contentboth .text1 ul li ul li{
	list-style-type:square;
	margin-left:4em;
}

#Contentboth{
	width: 900px;
	min-height: 750px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
		
}

#Contentboth li{
	list-style-type: none;
	display: inline;
}

#dashboard li#nav-dashboard {background-color: #f9f9f9;}
#dashboard li#nav-dashboard a {color: #333;}



*/