@charset "utf-8";
/* CE Consultores

Fecha: 23 de Septiembre del 2008
Versión: 1.0
Autor: Yamil Gonzales

*/

* {
	margin: 0;
	padding: 0;
	border: none;
}

a {
	text-decoration:none;
	color: #808080;
}


body {
	background-color: #ccc;
	color: #808080;
	font: 11px Arial, Geneva, sans-serif;
	line-height:25px;
}

#colunica {
	width:554px;
}


#container { 
	width: 980px;
	margin: 20px auto;
	background-color: white;
	background-image:url(images/bg_container.jpg);
	background-repeat:repeat-y;
}	

#texto {
	margin-left:47px;
	width:554px;
}

form .left {
	width: 260px;
	float: left;
}

form .right {
	width: 260px;
	height: auto;
	float: right;
}

form {
	overflow: hidden;
}

form p {
	height: auto;
	font-size: 12px;
}

form input {
	width: 250px;
	background-color: #CCCCCC;
	height: 19px;
	border-style: none;
	color: #7d7d7d;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 15px;
}

form input:focus {
	background-color: white;
	color: black;
}

form textarea {
	width: 250px;
	border-style: none;
	background-color: #CCCCCC;
	height: 135px;
	color: #7d7d7d;
	overflow: auto;
	padding: 5px;
	font: 15px Helvetica, Arial, sans-serif;
}

form textarea:focus {
	background-color: white;
	color: black;
}

form input.button {
	width: 65px;
	height: 25px;
	font-size:14px;
}

.error {
    background-color: #722e2e;
}


#sidebar {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -715px 50px;
	padding:10px;
}

#sidebar_contacto {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -500px 50px;
	padding:10px;
}

#sidebar_valores {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -570px 50px;
	padding:10px;
}

#sidebar_clientes {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -895px 50px;
	padding:10px;
}

#sidebar_servicios { 
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -750px 50px;
	padding:10px;
}

#sidebar_equipo {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -773px 50px;
	padding:10px;
}

#sidebar_equipo_otoniel {
	width:224px;
	height:346px;
	border:solid 2px #f5f5f5;
	float:right;
	margin: -600px 50px;
	padding:10px;
}


h5 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #356cb5;
	font-weight: bolder;
}

.margenderecho {
	padding-left:25px;
}

.imgside {
	margin:25px;
}

#content {
	margin-top:20px;
}



#col1 {
	width:232px;
	padding-top:20px;
	padding-bottom: 20px;
}

.destacado {
	font-weight:bolder;
	color: #333333;
}

h3 {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #356cb5;
	font-weight: bolder;
}

h6 {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #c22126;
	font-weight: bolder;
}


h4 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #356cb5;
	font-weight: bolder;
}

#col2 {
	width:232px;
	margin-top:-395px;
	margin-left:330px;
	padding-bottom:20px
}

#col1 {
	width:232px;
}

#header {
	background-image:url(images/header_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:122px;
}

#menu {  
	list-style:none;
	padding:0;
}

#menu li {
	float:left;
	padding:7px;
	margin-top:-7px;
	margin-bottom:-7px;
}

#footer ul li {
	list-style:none;
	float:left;
	padding:7px;
}

#footer {
	padding-left:40px;
	padding-top:5px;
	clear:both;
}
.activo {
	background-position:bottom;
}

#menu li a {
	display:block;
	width:121px;
	height:50px; 
	text-decoration:none;
}

#menu li a {
	display:block;
	width:75px;
	height:30px;  
	text-decoration:none;
}
#menu li a:hover {
	background-position:bottom;
}
#menu li a span {
	display:none;
}

#nav {
	width:980px;
	height:30px;
	background-color: black;
}

#inicio {
	background-image:url(images/inicio.gif);
}

#servicios {
	background-image:url(images/servicios.gif);
}

#equipo {
	background-image:url(images/equipo.gif);
}

#software {
	background-image:url(images/software.gif);
}


#clientes {
	background-image:url(images/clientes.gif);
}

#valores {
	background-image:url(images/valores.gif);
}

#contacto {
	background-image:url(images/contacto.gif);
}

#footer {
	width:980px;
	height:45px;
	background-image:url(images/bg_footer.gif);
	background-repeat:no-repeat;
}