@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
margin:0;
background:#FFFFFF url(../images/back.jpg) 0 0 scroll repeat;
font-family:Arial, Helvetica, sans-serif;
}

body {
position:relative;
min-width:900px;
min-height:550px;
}

#contenido {
position:absolute;
width:940px;
height:570px;
top:50%;
left:50%;
margin-top:-290px;
margin-left:-470px;
background:url(../images/backweb.png) center center no-repeat;
}

h1 {
width:100px;
height:100px;
margin:35px 0 0 35px;
background:url(../images/logo_gasdsgn.png) no-repeat center center;
display:block;}

#navigation, #content,.seccion{
	padding:0;
	margin:0;
	list-style:none;
}
#content{
	overflow:hidden;
	width:680px;	
	position:relative;
	height:550px;
	padding:10px;
	float:left;
}
	#content h2{
		color:#993333;
		margin:20px 0pt;
		font-size:18px;
	}
	#content a{		
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:180px;
	height:570px;	
	padding-left:20px;
	line-height:1.2;
}
	#navigation .sup{
		margin:10px 35px;
		font-size:12px;
	}
		#navigation ul{
			margin:5px 0;
			list-style: none;
			padding-left:15px;						
		}
		#navigation a{
			color:#000000;			
			text-decoration:none;
			font-weight:normal;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:18px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.seccion{
	width:2200px;
	position:relative;
}

.seccion li {list-style: none;}

	.seccion .sub{
		position:relative;
		float:left;
		padding:9px 21px 42px 45px;
		width:650px;
		height:495px;
	}
		.seccion .sub p{
			width:570px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		
		.seccion .sub .galeria {
		width:200px;
		height:132px;		
		float: left;}		
		
		.seccion .sub .galeria p{width:200px; margin:5px 0;}
		
		.seccion .sub .galeria img {
   			 background: url("../images/bg-fotos.png") no-repeat scroll left top transparent;
   			 border: medium none;
   			 padding: 1px 10px 10px;
		}
		
		.seccion .next, .seccion .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.seccion .next{
			right:30px;
		}
		.seccion .prev{
			left:30px;
		}
		
#formulario {
font-size:11pt;
color:#333333;
}

#formulario input {margin:0 5px; border: 1px #666666 solid;}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
border: 1px #666666 solid;}

input:focus, textarea:focus{
	background-color:#000000;
	color:#FFFFFF;
}

#formulario input.buttom {
background-color:#000000;
color:#FFFFFF;
padding:5px;
margin:0;
cursor:pointer;}

label{
	display:block;
	margin-bottom:3px;}


label.error {
background-color:#993333;
color: #FFFFFF;
padding: 4px;
width: 240px;
float:left;
font-size:9pt;
margin:0;}

span {display:none;}

.pad10{padding:5px 10px;}

.left {float:left;}

.right {float:right;}

.w45 {width:45%;}

.w100 {width:99%;}

a {color:#993333;}
