@charset "utf-8";
/* CSS Document */


/*inicio reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* fin reset*/

body 
	{ 
	background-color:#4c4c4c;
	font-family:Tahoma, Geneva, sans-serif;
	
	}
	
	
	
html, body 
					{
					height: 100%;
					}



.main 
					{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 430px;
	margin-top: -190px;
	margin-left: -500px;
	overflow: auto;
					 }

.content 
					{

					background-image: url(images/bg_home.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}
	

.casita {padding-top:115px;}



.contentlistado 
					{

					background-image: url(images/listado.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}




.contenttodos
					{

					background-image: url(images/bg_todos.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}

.contentempresa
					{

					background-image: url(images/bg_empresa.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}


.contentcontacto
					{

					background-image: url(images/bg_contacto.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}


.contentproductos
					{

					background-image: url(images/bg_productos.png);
					background-repeat:no-repeat;
					height:100%;
					width:1000px;
					margin: 0 auto;
					}

.menu 
					{
						position:absolute;
						margin-left:25px;
						margin-top:75px;
					}
					
.menu li 			{ 
						margin-bottom:1px;
					}
					
span 				{ 
					color:#1C908E; 
					font-weight: 500; 
					}
										
.derecha 			
					{ 
					float:right; 
					width:450px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:110px; 
					color:#CCCCCC; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align:justify;
					}
					
					
.derechaenglish			
					{ 
					float:right; 
					width:400px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:60px; 
					color:#CCCCCC; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align:justify;
					}					
					
.derechaenglish span 
					{
						color:#1C908E;
					}
					
					
.derechaenglish p { margin-bottom:20px;}	




.derechalopalin		
					{ 
					float:right; 
					width:400px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:60px; 
					color:#FFFFFF; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}	

.derechalopalin h2{ color:#FFFFFF; font-weight:600;}	
.derechalopalin h3{ color:#FFFFFF; font-weight:500; margin-bottom:10px;}									
.derechalopalin span 
					{
						color:#FF7F00;
						font-weight:bold;
					}
					
					
.derechalopalin p { margin-bottom:20px;}	
				
.derechanastolin	
					{ 
					float:right; 
					width:400px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:60px; 
					color:#FFFFFF; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}	

.derechanastolin h2{ color:#FFFFFF; font-weight:600;}	
.derechanastolin h3{ color:#FFFFFF; font-weight:500; margin-bottom:10px;}									
.derechanastolin span 
					{
						color:#00B0F0;
						font-weight:bold;
					}
					
					
.derechalopalin p { margin-bottom:20px;}						
.contactoderecha 	{
					width:200px;
					position:absolute;
					margin-top:260px;
					margin-left:670px;
					float:right;
					font-size:12px;
					}															

.contactoderecha p { margin-bottom:10px;}
.contactoderecha a { color:#CCC;}

.contactoderecha a:hover { color:#1C908E;}



.productosderecha 			
					{ 
					float:right; 
					width:450px; 
					position:absolute; 
					margin-left:160px; 
					margin-top:75px; 
					color:#CCCCCC; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align:justify;
					}
					
.productosderecha p span { color:#FF0000;}					
					
.productosderecha p { margin-bottom:20px;}					

.lopal a:hover { position:absolute; margin-top:30px; margin-left:380px; color:#FF0000; font-size:14px;}
.lopal a { position:absolute; margin-top:30px; margin-left:380px; color:#CCCCCC; font-size:14px; text-decoration:none;}

.lopalin a:hover { position:absolute; margin-top:87px; margin-left:370px; color:#FF8001;font-size:14px }
.lopalin a { position:absolute; margin-top:87px; margin-left:370px; color:#CCCCCC;font-size:14px; text-decoration:none; }

.nastan a:hover { position:absolute; margin-top:143px; margin-left:380px; color:#FFD820;font-size:14px}
.nastan a { position:absolute; margin-top:143px; margin-left:380px; color:#CCCCCC;font-size:14px; text-decoration:none;}

.nastamin a:hover { position:absolute; margin-top:200px; margin-left:385px; color:#99CF17;font-size:14px}
.nastamin a { position:absolute; margin-top:200px; margin-left:385px; color:#CCCCCC;font-size:14px; text-decoration:none;}

.nastolin a:hover { position:absolute; margin-top:258px; margin-left:420px; color:#00B0F0;font-size:14px}
.nastolin a { position:absolute; margin-top:258px; margin-left:420px; color:#CCCCCC;font-size:14px; text-decoration:none; }

.varios a:hover { position:absolute; margin-top:316px; margin-left:470px; color:#8C6AB7;font-size:14px}
.varios a { position:absolute; margin-top:316px; margin-left:470px; color:#CCCCCC;font-size:14px; text-decoration:none;}

.derechalopal			
					{ 
					float:right; 
					width:650px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:70px;
					color:#FFFFFF; 
					font-weight:600; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}
.derechalopal h2{ color:#FFFFFF; font-weight:600;}	
.derechalopal h3{ color:#FFFFFF; font-weight:600; margin-bottom:10px;}				
.derechalopal span { color:#F00; font-weight:bold;}					


.derechanastan			
					{ 
					float:right; 
					width:650px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:70px;
					color:#FFFFFF; 
					font-weight:600; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}
.derechanastan h2{ color:#FFFFFF; font-weight:600;}	
.derechanastan h3{ color:#FFFFFF; font-weight:600; margin-bottom:10px;}				
.derechanastan span { color:#FFD820; font-weight:bold;}	


.derechanastamin			
					{ 
					float:right; 
					width:650px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:70px;
					color:#FFFFFF; 
					font-weight:600; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}
.derechanastamin h2{ color:#FFFFFF; font-weight:600;}	
.derechanastamin h3{ color:#FFFFFF; font-weight:600; margin-bottom:10px;}				
.derechanastamin span { color:#99CF17; font-weight:bold;}


.derechavarios			
					{ 
					float:right; 
					width:650px; 
					position:absolute; 
					margin-left:170px; 
					margin-top:70px;
					color:#FFFFFF; 
					font-weight:600; 
					line-height: 1.4em;
					word-spacing: .2em; 
					font-size:13px; 
					text-align: left;
					}
.derechavarios h2{ color:#FFFFFF; font-weight:600;}	
.derechavarios h3{ color:#FFFFFF; font-weight:600; margin-bottom:10px;}				
.derechavarios span { color:#8C6AB7; font-weight:bold;}


/*scroll*/
