@import url("reset.css");

body { background color:#000; font-family: "Arial", Helvetica, sans-serif; }


#wrapper {
	background:#333;
	width:100%;
	height:1100px;
}

#wrapper h1 {
	font-size:18px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#FFF;
}

#header {
	position:relative;
	background:url(../imagenes/fondogris2.jpg) repeat-x;
	width:950px;
	height: 179px;
	margin: 0 auto;
	padding-bottom: 0px;
	    	
}

#logo {
    position: relative;
	background:url(../imagenes/logosy.png) no-repeat;
	width:218px;
    height: 115px;
    float: left;
    margin: 5px 0 12px 20px;
}

#face {
	position:absolute;
	width:32px;
	height:32px;
	float:right;
	margin:18px 20px 12px 20px;
	left: 880px;
	top: -3px;
}

#youtube {
	position:absolute;
	width:32px;
	height:32px;
	float:right;
	margin:18px 20px 12px 20px;
	left: 840px;
	top: -3px;
}

#link {
	position:absolute;
	width:32px;
	height:32px;
	float:right;
	margin:18px 20px 12px 20px;
	left: 800px;
	top: -3px;
}

#oferta {
	position:absolute;
	width:100px;
	height:25px;
	float:right;
	margin:18px 0px 7px 20px;
	left: 800px;
	top: 70px;
}

#center {
	position:absolute;
	width:80px;
	height:0px;
	float:right;
	margin:0px 0px 0px 0px;
	left: 877px;
	top: 55px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
}

#nav-right {
  height: 0px;
  
}

#nav a {
  color:#CCC;
  text-decoration: none;
  font: 19px Arial;
}

#nav ul {
  margin: 7px 0px 0px 2px;
  left: -1px;
  top: 0px;
  float: right;
}

#nav li {
  display: inline;
  padding: 0px 10px;
}

#nav li a:hover, #nav li.active a{
	color:#FFF;
	cursor: pointer;
	text-decoration: none
}

#container {
	background:url(../imagenes/fondocon1.jpg) repeat-x;
	width:950px;
	height: 732px;
	margin:auto;  	
}

#fondopeque {
	background:url(../imagenes/fondopeque1r.png) repeat;
	width:216px;
	height:302px;
	float:left;
	margin:45px 7px 0px 22px;  	
}

#fondopeque a{
	color:#000;
	text-decoration: none;
	font: normal 14px "Arial", Helvetica, sans-serif;
	margin:45px 7px 0px 5px; 
	
}

#fondopeque a:hover{
	text-decoration: underline;
}

#fondopeque h1 {
	margin: 30px 0px 0px 10px;
	color:#FFF;
	font-size:16px;
}

#fondopeque p {
	margin: 28px 10px 10px 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
}

#fondopeque1 {
	background:url(../imagenes/fondopeque1r.png) repeat;
	width:216px;
	height:302px;
	float:left;
	margin:45px 7px 0px 7px;  	
}

#fondopeque1 a{
	color:#000;
	text-decoration: none;
	font: normal 14px "Arial", Helvetica, sans-serif;
	margin:45px 7px 0px 5px; 
	
}

#fondopeque1 a:hover{
	text-decoration: underline;
}

#fondopeque1 h1 {
	margin: 30px 0px 0px 10px;
	color:#FFF;
	font-size:16px;	
}

#fondopeque1 p {
	margin: 28px 10px 10px 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
}

#fondopeque2 {
	background:url(../imagenes/fondopeque1r.png) repeat;
	width:216px;
	height:302px;
	float:left;
	margin:45px 7px 0px 7px;  	
}

#fondopeque2 a{
	color:#000;
	text-decoration: none;
	font: normal 14px "Arial", Helvetica, sans-serif;
	margin:45px 7px 0px 5px; 
	
}

#fondopeque2 a:hover{
	text-decoration: underline;
}

#fondopeque2 h1 {
	margin: 30px 0px 0px 10px;
	color:#FFF;
	font-size:16px;	
}

#fondopeque2 p {
	margin: 28px 10px 10px 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
}

#fondopeque3 {
	background:url(../imagenes/fondopeque1r.png) repeat;
	width:216px;
	height:302px;
	float:left;
	margin:45px 7px 0px 7px;  	
}

#fondopeque3 a{
	color:#000;
	text-decoration: none;
	font: normal 14px "Arial", Helvetica, sans-serif;
	margin:45px 7px 0px 5px; 
	
}

#fondopeque3 a:hover{
	text-decoration: underline;
}

#fondopeque3 h1 {
	margin: 30px 0px 0px 10px;
	color:#FFF;
	font-size:16px;
}

#fondopeque3 p {
	margin: 28px 10px 10px 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
}

#fondopeque4 {
	background:url(../imagenes/fondopeque1r.png) repeat;
	width:170px;
	height:302px;
	float:left;
	margin:45px 7px 0px 7px;  	
}

#fondopeque4 a{
	color:#000;
	text-decoration: none;
	font: normal 14px "Arial", Helvetica, sans-serif;
	margin:45px 7px 0px 5px; 
	
}

#fondopeque4 a:hover{
	text-decoration: underline;
}

#fondopeque4 h1 {
	margin: 30px 0px 0px 10px;
	color:#FFF;
	font-size:16px;
}

#fondopeque4 p {
	margin: 28px 10px 10px 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
}


#footer {
	background:url(../imagenes/fondofoo2.jpg) repeat-x;
	width:950px;
	height: 189px;
	margin:auto;  	
}

#footercontainer{
	margin: 26px 0px 0px 20px;
	float: left;	 
	font: normal 11px "Arial", Helvetica, sans-serif;
	color:#FFF;
	padding-top: 0px;
	position: relative;
}

#footercontainer p{
	margin: 0px 0 1px;
	text-align:left;

}

#footercontainer a{
	color:#FFF;
	text-decoration: none;
	font: normal 11px "Arial", Helvetica, sans-serif;
	
}

#footercontainer a:hover{
	text-decoration: underline;
}

#footercontainer1{
	margin: 128px 20px 0px 0px;
	float: right;	 
	font: normal 11px "Arial", Helvetica, sans-serif;
	color:#FFF;
	padding-top: 0px;
	position: relative;
	
}
#footercontainer1 p{
	margin: 6px 0 8px;
	text-align:right;

}
#footercontainer1 a{
	color:#FFF;
	text-decoration: none;
	font: normal 11px "Arial", Helvetica, sans-serif;
	
}
#footercontainer1 a:hover{
	text-decoration: underline;
	color:#F90;
}

/*historia*/

#infoemp {
	width:850px;
	height: 732px;
	margin:auto;  
}


#infoemp h1 {
	top:0px;
	padding: 10px 0px 0px 35px;
	color:#000;
	font-size:36px;
	font-family: "Arial";
	
}

#infoemp p {
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 15px 35px;
	color:#fff;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:14px;
	
}

#azul {
	position:absolute;
	background:url(../imagenes/historia.png) no-repeat;
	width:950px;
	height: 700px;
	margin:0px 0px 0px 0px;
	top: 210px;
}

/*mapa*/

#mapa {
	position:absolute;
	width:502px;
	height: 710px;
	margin:0px 0px 0px 50px;
	top: 198px;
}

#infomapa {
	width:250px;
	height: 100px;
	margin: 0px 0px 0px 630px; 
}


#infomapa h1 {
	top:0px;
	padding: 10px 0px 0px 0px;
	color:#FFF;
	font-size:26px;
	font-family: "Arial";
	
}

/*mapa1*/

#mapa1 {
	position:absolute;
	width:328px;
	height: 623px;
	margin:25px 0px 0px 500px;
	top: 198px;
}

#infomapa1 {
	width:250px;
	height: 100px;
	margin: 0px 0px 0px 630px; 
}


#infomapa1 h1 {
	top:0px;
	padding: 10px 0px 0px 0px;
	color:#FFF;
	font-size:26px;
	font-family: "Arial";
	
}

/*marco legal*/

#marcolegal {
	width:850px;
	height: 732px;
	margin:auto;  
}


#marcolegal h1 {
	top:0px;
	padding: 10px 0px 0px 35px;
	color:#000;
	font-size:36px;
	font-family: "Arial";
	
}

#marcolegal h2 {
	top:0px;
	padding: 0px 0px 0px 35px;
	color:#000;
	font-size:16px;
	font-family:"Arial";
	
}

#marcolegal p {
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 15px 35px;
	color:#fff;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:14px;
	
}

#marcoimag {
	position:absolute;
	background:url(../imagenes/) no-repeat;
	width:950px;
	height: 700px;
	margin:0px 0px 0px 0px;
	top: 210px;
}

/*Servicios*/

#infoser {
	width:950px;
	height: 732px;
	margin:auto;  
}


#infoser h1 {
	top:0px;
	padding: 10px 0px 0px 35px;
	color:#999;
	
}

#infoser p {
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 15px 35px;
	color:#fff;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	
}

#stand {
	position:absolute;
	background:url(../imagenes/stand.jpg) no-repeat;
	width:898px;
	height: 355px;
	margin:20px 0px 0px 27px;
	top: 455px;
}

/*Contactos*/

#contacto {
	width:950px;
	height: 732px;
	margin:auto;  
}


#contacto h1 {
	top:0px;
	padding: 50px 0px 0px 35px;
	color:#000;
	font-size:26px;
	
}

#contacto p {
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 15px 35px;
	color:#fff;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:16px;
	
}

#contacto a{
	color:#333;
	text-decoration: none;
	font: normal 20px "Arial", Helvetica, sans-serif;
	
}
#contacto a:hover{
	text-decoration: underline;
	color:#F90;
}

#synergia {
	color:#000;
	height: 600px;
	width: 800px;
	margin: 50px 0px 0px 80px;
	position:absolute;
	
}
  
 #scroll {
	color:#FFF;
	height: 600px;
	width: 800px;	
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	visibility: visible;
	
}

#scroll h1 {
	margin: 0px 0px 0px 0px;
	color:#fff;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:16px;
	
}



#scroll p {
	margin: 0px 0px 0px 0px;
	color:#fff;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	
}