body {
	background-color:#fff;
	background-image:url("../img/fondo.gif");
	background-repeat: repeat;
}
h1 {
	margin:0px;
	padding:50px 0 0 38px;
	color: #255264;
	visibility:hidden;
}
h2{
	font-size: 1.2em;
	padding:0px 10px;
	margin:0px 0 15px 0;
	font-weight:bold;
}
h2 a{
	text-decoration:none;
	color:#255264;
}
h2 a:hover{
	color:#6dbad2;
}
#contenedor_general {
	margin: 0em auto;
	width: 915px;
}
#contenedor {
	margin: 0.1em auto;
	width: 915px;
	background-image:url("../img/fondo_folio.gif");
	background-repeat: repeat-y;
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
}
.col-botonera { /*--botonera de la izquierda--*/
	float:left;
	width:36px;
	height:260px;
}
.col-botonera ul {
	display:list-item;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.col-botonera li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#255264;
}
#contenido {
	float:left;
	margin:0px 0px 0 0px;
	width:825px;
	padding:10px;
}
#cabecera {
	width:825px;
	height:171px;
	background-image:url("../img/cabecera_diseno.jpg");
}
#cabecera_comunicacion {
	width:825px;
	height:171px;
	background-image:url("../img/cabecera_comunicacion.jpg");
}
#cabecera_contacto {
	width:825px;
	height:171px;
	background-image:url("../img/cabecera_contacto.jpg");
}
#cabecera_notalegal {
	width:825px;
	height:171px;
	background-image:url("../img/cabecera_nota_legal.jpg");
}

/*-- capa de la home izquierda de portfolio --*/
#portfolio {
	float:left;
	width:825px;
	margin:10px 0px 0 0px;
	color:#255264;
	background-image:url("../img/fondo_titulo.gif");
	background-repeat:repeat-x;

}
#portfolio h3{
	list-style-image: url("../img/flecha_home.gif");
	font-size: 16px;
	color:#6dbad2;
	padding:0px 0px;
	margin:0px;
}
* html #portfolio h3{
	font-size: 1.4em;
}
#portfolio .col-A {
	float:left;
	width:400px;
}
#portfolio .col-A p {
	padding:0px 0 10px 0;
	margin:0px 0 5px 25px;
}
#portfolio .col-A p a {
	padding:5px;
	border-top:1px dashed #6dbad2;
	border-bottom:1px dashed #6dbad2;
	color:#255264;
	text-decoration:none;
}
#portfolio .col-A p a:hover {
	background-color:#e8f4fb;
}
#portfolio .col-B {
	float:left;
	margin-left:20px;
	width:360px;
	height:220px;
	background-color:#e8f4fb;
	padding:0px 20px;
}

#portfolio .col-B p {
	/*padding:0px 0 10px 0;
	margin:0px 0 5px 25px;*/
}
#portfolio .col-B p a {
	padding:5px;
	border-top:1px dashed #6dbad2;
	border-bottom:1px dashed #6dbad2;
	color:#255264;
	text-decoration:none;
}
#portfolio .col-B p a:hover {
	background-color:#e8f4fb;
}
#portfolio .alineador img, .alineador span {
	vertical-align:middle;
}
.textoazul {
	color: #6dbad2;
}
/*-- capa IZQUIERDA clientes --*/

#clientes {
	float:left;
	padding:0px 0px 0 10px;
	margin:0px;
	width:250px;
}
#clientes ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#clientes li  {
	padding:2px 0px;
	margin:0px;
	list-style-type:none;
	
}
#clientes li a {
	text-decoration:none;
	color: #255264;
	display:block;
	/*border-bottom: 1px dashed #6dbad2;*/
}
#clientes li a:hover {
	color: #4191AF;
	/*border-bottom: 1px solid #6dbad2;*/
}
#clientes .activo {
	border-bottom: 1px solid #6dbad2;
	background-color: #e8f4fb;
	color: #255264;
}
#clientes .inactivo {
	border-bottom: 1px dashed #6dbad2;
}
#clientes .toggle li a {
	border-bottom: 1px dashed #fff;
	color: #4191af;
	display:inline;
}
#clientes .toggle li a:hover {
	border-bottom: 1px dashed #6dbad2;
}
.toggle {
	background-color:#fff;
	padding-left:10px;
}
/* --------- */

#clientes .destacado {
	margin-top:5px;
	padding:2px 10px;
	background-color: #4191af;
	color:#fff;
}
/*.destacado ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
.destacado li  {
	padding:2px 0px;
	margin:0px;
	list-style-type:none;
	border-bottom: 1px dashed #6dbad2;
}
.destacado li a {
	text-decoration:none;
	color: #255264;
}
.destacado li a:hover {
	color: #4191AF;
}
.destacado li a:link, #clientes li a:visisted {
	color: #6dbad2;
}
.destacado li a.current {
	background-color: #e8f4fb;
	color:#255264;
	padding:0 10px;
}*/
/*-- capa de la derecha de los trabajos  --*/

#diseno {
	float:right;
	text-align:right;
	padding:10px;
	width:520px;
	/*height:720px;*/
	height:905px;
	background-color:#e8f4fb;
}

#diseno .col-C {
	width:450px;
	height:300px;
	padding:10px;
	margin:0px auto 10px auto;
	border:1px solid #6dbad2;
	background-color:#fff;
}
#diseno .col-D {
	width:480px;
	margin:25px 13px;
}
* html #diseno .col-D {
	width:480px;
	margin:25px 26px 0 0px;
}
#diseno .col-DTexto {
	background-color: #e8f4fb;
	text-align:left;
	margin-top:8px;
	float:right;
	width:185px;
	text-align:right;
	padding:45px 5px 5px 5px;
}
#diseno .col-DTexto a {
	color:#6dbad2;
	text-decoration:none;
}
#diseno .col-DTexto a:hover {
	color:#255264;
}


/*-- capa pie de pagina --*/
#pie {
	padding:10px 10px 10px 48px;
	color: #255264;
	clear:both;
}
#pie .img {
	background-image: url("../img/fondo_titulo.gif");
	background-repeat:repeat-x;
	margin: 0 0px 5px 0px;
	width:825px;
	height:20px;
}
#pie .direccion{
	color: #6dbad2;
	padding-left:5px;
}
#pie .menu {
	padding-left:118px;
}
#pie .menu a{
	color: #255264;
	text-decoration:none;
}
#pie .menu a:hover{
	border-bottom:1px dashed #81c9df;
	color:#81c9df;
}
.clear {
	clear:both;}
	
#validacion {
	margin: 5px 40px 0 0;
	width: 880px;
	text-align:right;
}

/*-- capa de la derecha del contacto  --*/

#formulario_contacto {
	float:left;
	text-align:left;
	margin:auto;
	width:510px;
	/*height:280px;*/
	height:100%;
	background-color:#e8f4fb;
}
#formulario_contacto table {
	margin: 0 auto;
}
#formulario_contacto legend {
	text-align:left;
	color:#81c9df;
	font:18px Arial, Verdana;
	border:0px;
}
#formulario_contacto label{
	float:right;
	tyext-align:right;
}
#formulario_contacto input{
	/*text-align:right;*/
	padding:2px;
	margin-bottom:5px;
	margin-left:10px;
	width:200px;
	height:15px;
	border:1px solid #255264;
	color:#6dbad2;
}
#formulario_contacto textarea{
	/*text-align:right;*/
	padding:2px;
	margin-bottom:5px;
	margin-left:10px;
	width:200px;
	border:1px solid #255264;
	overflow: scroll;
	font:12px Arial, Verdana;
	color:#6dbad2;
}
#form  {
	/*text-align:right;*/
}
#form .enviar {
	width:60px;
	height:22px;
	border:1px solid #255264;
	font:12px arial, verdana, tahoma;
	background-color: #fff;
	color: #255264;
}

/*-- Estilo para mostrar capa del curriculum --*/
#grupoCurriculum {
	width:1000px; 
	height:400px; z-index:1; left: 0px; top: 0px; visibility:hidden;
	position:absolute;

}
#curriculum {
	position:absolute; 
	z-index:3; 
	left:300px;
	top:150px;
	padding:5px;
}
#fondocurriculum {
	width:1000px;
	height:600px;
	z-index:2; 
	left: 0px; 
	top: 0px; 
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;

}
.obligatorio{
	float:right;
	font-style:italic;
}
.rojo{
	color:#c41142;
}