/*

Hoja principal de estilo de:
 _____       ___   _____   _   __   _   _____   _____   _          __  _____   _____    _   _   
/  ___|     /   | |  _  \ | | |  \ | | | ____| |_   _| | |        / / /  _  \ |  _  \  | | / /  
| |        / /| | | |_| | | | |   \| | | |__     | |   | |  __   / /  | | | | | |_| |  | |/ /   
| |  _    / / | | |  _  { | | | |\   | |  __|    | |   | | /  | / /   | | | | |  _  /  | |\ \   
| |_| |  / /  | | | |_| | | | | | \  | | |___    | |   | |/   |/ /    | |_| | | | \ \  | | \ \  
\_____/ /_/   |_| |_____/ |_| |_|  \_| |_____|   |_|   |___/|___/     \_____/ |_|  \_\ |_|  \_\ 

WEB: www.gabinetwork.com

*/

/***************** GENERALES *********************/

body {
	background: #fff url('/img/fnd01.png') repeat-x;
	color: #000;
	margin: 0;
	padding: 0;
	font: normal 11px/20px  Verdana, Arial, sans-serif;
}

img {
	border: 0;
}

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

a:hover {
	color: #3d7faf;
	text-decoration: underline;
}

.limpiar {
	clear: both;
	line-height: 0px;
}

/***************** ESTRUCTURA GENERAL *********************/

#contenedor {
	width: 739px;
	margin: 19px auto 0px auto;
}

#logo {
	float: left;
	width: 256px;
	height: 56px;
	margin: 30px 0 0 30px;
	display: inline;
}

#sombra {
	width: 739px;
}

#superior {
}

#sombra[id]{
	background: transparent url('/img/fnd02.png') repeat-y; /* Cambia para I.E. 6 */
}

#contenido {
	background: white;
	color: inherit;
	margin: 0px 9px 0px 9px;
	padding: 0px 25px 0px 45px;
	min-height: 500px; /* Cambia para I.E. 6 */
	}

#contenido p {
	text-align: justify;
	margin: 0px 20px 0px 0px;
	padding: 0;	
	}

#contenido a {
	color: #000;
	background: inherit;
}

#contenido a:hover {
	color: #666;
	background: inherit;
}

#pie {
	color: inherit;
	margin: 0 auto;
	padding: 0;
	height: 60px;
	width: 739px;
	background: #fff;
}

#pie[id]{
	background: #fff url('/img/gen_pie.png') no-repeat 0px 0px; /* Cambia para I.E. 6 */
}

#pie #separador {
	color: inherit;
	width: 698px;
	margin: 0px 0px 0px 20px;
	background: #fff url('/img/sep01.gif') no-repeat 0px 0px;
	display: block;
}

#pie .izquierda {
	float: left;
	margin: -10px 0 0 0px;
	padding: 0 0 0 20px;
}

#pie .izquierda p {
	margin: -3px 60px 0 0;
}

#pie .derecha {
	float: right;
	margin: -10px 0 0 0;
	padding: 0 10px 0 0;
}

#pie .derecha img {
	margin: 0 10px 0 0;
}

#foto0, #foto1, #foto2, #foto3, #foto4, #foto5 {
	width: 739px;
	height: 230px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

#titulo0 {
	margin: 0 20px 15px 0;
	padding: 0;
	float: left;
}

#titulo1, #titulo2, #titulo3, #titulo4, #titulo5 {
	margin: 0 20px 15px 0;
	padding: 0;
	float: right;
	display: inline;
}

#contenido ul {
	margin: 0px 0 0 40px;
	padding: 0;
}

#contenido li {
	background: transparent url('/img/gen_bul01.gif') no-repeat 0 5px;
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px
}

/***************** INICIO *********************/

#foto0 {
	background: transparent url('/img/ini_foto.jpg') no-repeat;
}

#titulo0 {
	background: transparent url('/img/ini_tit01.gif') no-repeat;
	width: 96px;
	height: 20px;
}

#titulob {
	background: transparent url('/img/ini_tit02.gif') no-repeat;
	width: 101px;
	height: 20px;
	margin: 0 0 15px 5px;
}

#contenido .izquierda {
	float: left;
	width: 330px;
}

#contenido .derecha {
	float: left;
	padding: 0 0 0 10px;
}

#contenido #tarjeta {
	background: transparent url('/img/ini_gs.jpg') no-repeat 0 0;
	width: 325px;
	height: 220px;
	margin: 20px 0 0 -10px;
	position: absolute;
}

#contenido #tarjeta img {
	padding: 80px 0 0 35px;
	float: left;
}

#contenido .ficha {
	height: 132px;
	width: 300px;
	margin: 0 0 -20px 0;
}

#contenido .foto {
}

#contenido .titulo_doble {
	margin: -45px 0 0 130px;
}

#contenido .titulo_simple {
	margin: -25px 0 0 130px;
}

/***************** EMPRESA *********************/

#foto1 {
	background: transparent url('/img/emp_foto.jpg') no-repeat;
}

#titulo1 {
	background: transparent url('/img/emp_tit.gif') no-repeat;
	width: 82px;
	height: 23px;
}

#contenido #empresa ul {
	padding-top: 15px;
}

#contenido #empresa img {
	margin: 10px 0 0 0;
}

/***************** SERVICIOS *********************/

#foto2 {
	background: transparent url('/img/ser_foto.jpg') no-repeat;
}

#titulo2 {
	background: transparent url('/img/ser_tit.gif') no-repeat;
	width: 84px;
	height: 19px;
}

#contenido .caja {
	width: 100%;
	margin: 10px 0 30px 0;
}

#contenido .caja .foto {
	width: 144px;
	height: 121px;
	float: left;
}

#contenido .caja .titulo {
	padding: 0 0 10px 0;
	margin: 0 0 0 150px;
}

#contenido .caja .f1 {
	background: transparent url('/img/ser_foto01.jpg') no-repeat;
}

#contenido .caja .t1 {
	background: transparent url('/img/ser_tit01.gif') 0 10px no-repeat;
}

#contenido .caja .f2 {
	background: transparent url('/img/ser_foto02.jpg') no-repeat;
}

#contenido .caja .t2 {
	background: transparent url('/img/ser_tit02.gif') 0 10px no-repeat;
}

#contenido .caja .f3 {
	background: transparent url('/img/ser_foto03.jpg') no-repeat;
}

#contenido .caja .t3 {
	background: transparent url('/img/ser_tit03.gif') 0 10px no-repeat;
}

#contenido .caja .f4 {
	background: transparent url('/img/ser_foto04.jpg') no-repeat;
}

#contenido .caja .t4 {
	background: transparent url('/img/ser_tit04.gif') 0 10px no-repeat;
}

#contenido .caja .texto {
	padding: 5px 0 0 151px;
}

#contenido .caja .texto ul {
	padding: 20px 0 0 0;
}

/***************** GABINETWORK STUDIO *********************/

#foto3 {
	background: transparent url('/img/gab_foto.jpg') no-repeat;
}

#titulo3 {
	background: transparent url('/img/gab_tit.gif') no-repeat;
	width: 58px;
	height: 19px;
}

#contenido #studio .izquierda {
	float: left;
	width: 33%;
}

#contenido #studio .derecha {
	float: right;
	width: 60%;
	margin: 0 0 20px 0;
}

#contenido #studio .derecha img {
	margin: 20px 0 10px 0;
}

#contenido #studio .caja1 {
	background: transparent url('/img/gab_col01.gif') no-repeat;
	margin: 10px 0 20px 0; /* Cambia para I.E. 6 y 7 */
	padding: 10px 0 0 0; /* Cambia para I.E. 6 y 7 */
	height: 305px;
}

#contenido #studio .caja1 .titulo {
	background: transparent url('/img/gen_bul01.gif') no-repeat 0 5px;
	list-style-type: none;
	margin: 10px 0 10px 20px;
	padding: 0 0 0 20px;
	font-weight: bold;
	text-decoration: underline;
}

#contenido #studio .caja2 {
	background: transparent url('/img/gab_col02.gif') no-repeat;
	margin: 10px 0 0 0;
	padding: 14px 0 0 0;
	height: 130px;
}

#contenido #studio .caja2 li {
	background: transparent url('/img/gab_bul01.gif') no-repeat 0 5px;
	font-size: 90%;
	color: #3d7faf;
}

#contenido #studio .caja1 ul, #contenido #studio .caja2 ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#contenido #studio .caja1 li {
	list-style-type: none;
	background-image: none;
	font-size: 90%;
	color: #3d7faf;
}


/***************** CONTACTO *********************/

#foto4 {
	background: transparent url('/img/con_foto.jpg') no-repeat;
}

#titulo4 {
	background: transparent url('/img/con_tit.gif') no-repeat;
	width: 83px;
	height: 20px;
}

#contacto .izquierda {
	width: 48%;
	float: left;
}

#contacto .derecha {
	width: 47%;
	float: left;
}

#contacto .derecha img {
	float: right;
}

#contacto form {
	margin: 40px 0 15px 0;
}

#contacto form img {
	float: right;
	margin: 0 -5px 0 0;
}

#contacto label {
	float:left;
	width:50%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
}

#contacto input {
	border: 1px solid #ccc;
	width: 223px;
	padding: 3px 0 3px 5px; /* Cambia para I.E. 6 y 7 */
	margin: 0 0 5px 0; /* Cambia para I.E. 6 y 7 */
	color: #ccc;
	font: normal 11px/20px  Verdana, Arial, sans-serif;
}

#contacto textarea {
	border: 1px solid #ccc;
	color: #ccc;
	font: normal 11px/20px  Verdana, Arial, sans-serif;
	width: 304px;
	height: 150px;
	padding: 0 0 5px 5px;
	margin: 0 0 5px 0;
}

#contacto .separa {
	background: transparent url('/img/con_sep01.gif') no-repeat 0 0;
	margin: 15px 0 0 0;
}

#contacto .centro {
	text-align: center;
}

/***************** SOPORTE *********************/

#foto5 {
	background: transparent url('/img/ini_foto.jpg') no-repeat; /* Temporal */
}

#titulo5 {
	background: transparent url('/img/sop_tit.gif') no-repeat;
	width: 72px;
	height: 23px;
}