html { 
font: normal "Trebuchet MS", Tahoma, "Open Sans", Roboto, Verdana, Arial, sans-serif;
color: #06C; /* <-- main font color */
}
body {
	text-align: left;
	background-color: #000;
	background-image: url(../images/fondotrama.jpg);
	background-repeat: repeat;
}

/* -- UTILITY -- */
.padd10 {padding: 10px;}
.padd20 {padding: 30px;}
.padd30 {padding: 0px 40px;}
.clear {clear:both;display:block;overflow:hidden;width:0;height:0}

.col1, .col2, .col3, .col4, .smallcol1, .maincol, .subcol1, .subcol2 { display:inline; float:left; position: relative; }

.col1 {
	width: 1024px;	
	
	
}
.col2 { width: 550px; }
.col3 {
	width: 930px;
	background-image:url(../img/globo.jpg);
	height: 150px;
}
.col4 { width: 402px; float:right }

/* -- COLUMNS SECTION -- */
.smallcol1 { width: 480px; } 
.maincol { width: 960px; padding-top:40px; padding-bottom:20px; }
	.subcol1 { width: 800px; }	
	.subcol2 { width: 550px; margin-left:10px; }
	

.smallcol1.center { width: 518px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	} 
/* -- END COLUMNS SECTION -- */

/* -- end UTILITY -- */

/* -- Main div -- */
#wrapper {
	width: 1024px;
	text-align: left;
	margin: 10px auto;	
	background: #EEE;

}

#header {			
	height:158px;
	background: #E0E0E0;
	
}

#contenido {
	width: 1024px;		
	background: #E0E0E0;
	
				
}



#descripcion {
	width: 320px;
	height: auto;				
	margin-bottom:60px;
	margin-left:50px;
	margin-top:100px;
	float:left;
	
		
}

#descripcion1 {
	width: 520px;
	height: auto;				
	margin-bottom:60px;
	margin-left:50px;
	margin-top:100px;
	float:left;
	text-align:justify;
		
}

#descripcion .texto1{
	font-size:56px;
	color: #06C;
	line-height:55px;
	
	
}

#descripcion .texto2{
	font-size:18px;
	color: #333;
	font-weight:600;
	line-height: 16px;
}
#descripcion .texto3{
	font-size:15px;
	color: #333;
	line-height:14px;
	
	
}
#descripcion .texto4{
	font-size:30px;
	color:#06C;
	line-height:25px;
	
}

#descripcion1 .texto1{
	font-size:56px;
	color:#06C;
	line-height:55px;
		
	
}

#descripcion1 .texto2{
	font-size:17px;
	color:#000;	
		
}
#descripcion1 .texto3{
	font-size:15px;
	color:#000;
	line-height:17px;
	
}
#descripcion1 .texto4{
	font-size:30px;
	color:#000;
	line-height:25px;

	

	
}

#imgindex { width:355px;
			height:267px;			
			background-repeat:no-repeat;			
			float: left;			
			margin-top:180px;
			margin-left:40px;
			margin-bottom:60px;
				
}


#mapa { width:360px;
			height:350px;			
			background-repeat:no-repeat;			
			float: left;
			margin-top:180px;
			margin-left:40px;
			margin-bottom:60px;
				
}

#mapa .texto2{
	font-size:17px;
	color:#000;		
}

#mapa .texto4{
	font-size:30px;
	line-height:25px;
	
}

#footer {
	background: #000;
	color: #fff;
	text-align: center;	
	width:1024px;
	height: auto;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	
		
}





/* LOGO MAIN STYLE */ 
h1 { 
	text-transform: uppercase;
	font-size: 26px; 
	line-height: 1em;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
} 
/* END LOGO MAIN STYLE */ 

#title h2 { float: left; font-size: 50px; line-height: 50px; text-transform: uppercase; padding-right: 20px; margin-right: 20px; border-right: 1px solid #fff; }

h3 {
	font-size: 20px;
	line-height: 1.25em;
	margin-bottom: 20px;
}

h4 { 
	font-size: 24px;
	line-height: 1.15em;
}
	#contactbadge h4 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }

strong { font-weight: bold; }

#content2 p { margin-bottom: 1.5em; }

	#contactbadge p { margin-bottom: 0; }

	#strip p {
		padding-left: 20px;
		font-size: 18px;
		line-height: 1.25em;
		color: #000; }

	#strip .first {
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 28px;
		
		}
	#strip .first1 {
		margin-top: 10px;
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 22px;
		
		}	
		
	#title { color: #fff; text-shadow: #5a5a5a 0 1px 3px; }
	#title p { font-size: 28px; line-height: 50px; }
	
	#secstrip .title {
		font-size: 23px;
		line-height: 1.15em;
		font-weight:bold;
		}
		
	#secstrip .subtitle, .subcol1 .subtitle {		
		text-transform: uppercase;
		margin-bottom: 8px;
		color:#000;
		font-weight: 500;
		}

	#secstrip .desc { color: #797979; }		

	a {	color: #0045AD;	text-decoration: none; }
	a:hover { text-decoration: underline; background: }
	
li { margin-bottom: 1em; margin-top:1em; list-style-type: none; list-style-position: inside; font-size:12px; text-transform:uppercase;   }


/* -- PROPIEDADES BOTONERA -- */

#nav {
	background: #000;
	position:absolute;
	z-index:999;		
	}

#nav ul { 
	float: left;	
	
 }
 
#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding-left:80px;
	
}

#nav a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	
		
}

#nav .selected, #nav a:hover {
	color: #fff;
	background: #06C;	
	}
	
	

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

#secnav a {
	text-transform: capitalize;
	color: #000;
	text-decoration: none;
	border-left: 1px solid #000;
	padding-left: 10px;
	margin-left: 10px;
}

#secnav a:hover {
	text-decoration: none;
	
}

#secnav .first a {
	border-left: none;
}

.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 					{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}


.slideshow { height: 242px; width: 580px; margin:0px; }


/* CONTACTO */
	
#contact_form{margin: auto; position: relative; }
label{margin-top:3px; color:#000; font-weight:bold}
label.sp { width:3px;}
span.error{color:red;text-align:left;}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #e9e9e9; vertical-align:middle}
textarea.text-input{ margin:0px 8px 4px 0px; padding: 5px 2px; border:solid 1px #e9e9e9; vertical-align:top; width:380px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #e9e9e9 }
#contact_form input.but{
font-family: "Trebuchet MS", Tahoma, "Open Sans", Roboto, Verdana, Arial, sans-serif;
font-size:13px !important;
padding:5px 5px;
border:0px;
margin-top:10px; cursor:pointer;
background-color:#f4f4f4;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:solid 1px #e6e6e6;
color:#666
}
* html #contact_form input.but{padding:6px 6px !important;}/* ie 6 only */
*+html #contact_form input.but{padding:6px 6px !important;}/* ie 7 only */



p.error								{margin-left:10px; margin-top:10px;}
#contact_form ul					{float:left;}
#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
#contact_form label					{line-height:30px; width:50px; text-align:right; float:left; margin-right:5px;}
#contact_form input#name,
#contact_form input#email,
#contact_form input#subject,
#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
#contact_form input#name,
#contact_form input#email,
#contact_form input#subject			{width:270px;}
#contact_form textarea				{width:270px;height:150px; resize: none;}
#contact_form input.button			{float: right;}
.dotted								{border-style: none; border-left:0; border-right:0;}
.hr									{border:none; border-top:1px solid #F90; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :10px; }

.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clearfix 					{height:1%;}
.alpha								{margin-left:0;}
.omega								{margin-right:0;}
/* Contact Page Sidebar */

.contact ul 						{list-style:none;}
.contact li 						{margin:0;}
.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.left								{float:left;}
.img_left							{float:left; margin:10px 20px 10px 0;}
.img_right							{float:right; margin:10px 0 10px 20px;}
.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.textright 							{
text-align:left;
	
}
.error,
.success							{display:none;}

	
/* Termina Contact Form */

/* INICA DIVS PRODUCTOS */

#productos {
	width: 430px;
	height: auto;				
	margin-bottom:60px;
	margin-left:50px;
	margin-top:100px;
	float:left;
	text-align:justify;
		
}

#productos .texto1{
	font-size:56px;
	color:#06C;
	line-height:55px;
	
	
}

#productos .texto2{
	font-size:17px;
	color:#000;
	font-weight:600;
}
#productos .texto3{
	font-size:12px;
	color:#000;
	line-height:14px;
	
	
}
#productos .texto4{
	font-size:30px;
	color:#000;
	line-height:25px;
	
}

/* TERMINA DIVS PRODUCTOS */