*    { margin:0; padding:0; }
body { background:white; position:relative; width:1200px; height:970px;}
 
.titulo      { width:90%; max-width:1200px; height:120px; background:#88bdf1; position:relative; 
               left:5%; }
  .logo      { width:140px; margin:0.5%; }
  .titulo h2 { font-size:380%; font-family: 'Tangerine', serif; text-shadow: 4px 4px 4px #aaa; 
               display:inline-block; position:absolute; top:15px; left:19%;}
  .titulo h1 { position:absolute; top: 85px; left: 18%; font-size:17px; font-family: "Arial";}             
  .titulo h3 { position:absolute; top: 95px; left: 75%; font-size:12px; font-family: "Arial";}
  .ban1      { width:2.5%; position:absolute; top:9%; left:76%; display:none;}
  .ban2      { width:2.6%; position:absolute; top:9%; left:81%; } 
  .ban3      { width:2.5%; position:absolute; top:9%; left:86%; }
  .ban1:hover , .ban2:hover , .ban3:hover { cursor:pointer; width:3%; }  


.menu      {background:#0759aa; margin:0% 0 0 5%; width:90%; max-width:1200px;}
.menu li   {display:inline-block;}
.menu li a {padding:5px 25px;  display:inline-block; color:#fff; font-size:120%; 
            text-decoration:none; font-family:cursive;}
.menu li a:hover { background:#ccc;  color:black;  border-radius: 1rem 1rem 1rem 1rem;} 

.espacio  { width:100%; height:2%; }
.espacio1 { width:100%; height:7%; }

.main    { position:relative; max-width:1200px; left:5%; overflow:hidden;}

.slides { width:50%; max-width:1200px; display:inline-block; position:relative; top:10%; left:0%; } 
  .slidesjs-pagination      { background:#424242; list-style:none; 	overflow:hidden;}
  .slidesjs-pagination li   { float:left; }
  .slidesjs-pagination li a { display:block; padding:10px 20px; color:#fff; text-decoration:none; }

  .slides .active           { background:#000; } 
  .slidesjs-navigation 	    { background:#000; color:#fff; text-decoration:none; display:inline-block; 
                       	      padding:11.2px 20px; float:right; }

.info   { display:inline-block; width:39%; height:97%; position:absolute; top:1%; left:51%;
          text-align: justify; font-size:17px; overflow:auto; }
.info b { font-style:bold; font-family: "Arial"; font-size:25px; }

.main2         { border:3px ; color:#000 ; max-width:1200px; height:500px; text-align:center; 
                 margin:3% 5%; background:white; border-radius:10px; position:relative;}
.t1,.t2,.T3    { position:absolute; top:7%; font-size:25px; border:3px solid; width:30%; height:7%; 
                 background:#0759aa; border-radius:2rem; }
.main2 a       { color:white; text-decoration:none;}
.main2 a:hover { color:black;}

.t1:hover , 
.t2:hover , 
.t3:hover    { cursor:pointer; background:#ccc;font-size:25px; font-color:black;}

.bloque1  , 
.bloque2  , 
.bloque3     { width:30%; height:70%; overflow:hidden; position:absolute; top:22%;
               border-radius:3rem; }
.bloque1,.t1 { left:3%;}     
.bloque2,.t2 { left:35%;}
.bloque3,.t3 { left:67%;}


/* Barra social */
.social-bar { 
	position: fixed;
	right:0%;
	top:25%;
	font-size: 1.5rem;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	z-index:100;
}

.icon {
	color: white;
	text-decoration: none;   /*width:80%;*/
	padding: .7rem;
	display: flex;
	transition: all .5s;
}

.icon-mail4      {background: #339DC5;}
.icon-facebook2  {background: #0759aa;} 
/*  
    .icon-twitter    {background: #339DC5;}
    .icon-youtube    {background: #E83028;}
*/
.icon-user-tie   {background: #339DC5;}
.icon-display    {background: #6A67B5;}
.icon-file-pdf   {background: green;}
.icon:first-child{border-radius:1rem 0 0   0;}
.icon:last-child {border-radius:0 0 0   1rem;}
.icon:hover { 
      padding-Right:3rem; 
      border-radius:1rem 0 0 1rem;
      box-shadow: .5rem 0 0 0 rgba(0, 0, 0, 0.42);
}
/* Fin Barra social*/

footer    { height:70px; background:#0759aa; border-radius:10px; margin:0% 5%; 
            max-width:1200px; }
footer h2 { color:#000; font-size:20px; text-align:center;}


/* Pagina:  Contacto.html */
.main_contacto { position:relative; top:25% left:5%; width:90%; height:700px; top:3%; left:5%;} 
.mapa          { width:50%; height:75%; }
.forma01       { border:3px solid #424242; border-radius: 1rem 1rem 1rem 1rem; width:47%; height:55%;
                 display:inline-block; position:absolute; overflow:auto; top:0%; left:52%; } 
.forma01 ul    { list-style:none; padding:2%; }
.forma01 li    { position:relative; left:1%; margin:1%; }
.forma01 label { font-size:100%; display:block; }
.forma01 input , .forma01 textarea { margin-bottom:2%; width:96%; padding:1% ; resize:none; } 
.forma01 input:focus , .forma01 textarea:focus  { background:#fed; }
.forma01 input[type="submit"]       {background:#1668c4;color:#fff;border-radius:1rem 1rem 1rem 1rem;}
.forma01 input[type="submit"]:hover {background:#4A88F4;cursor:pointer; }

.phone     { border:3px solid#424242; border-radius: 1rem 1rem 1rem 1rem; width:47%; height:18%;
             position:absolute; top:57%; left:52%; background:#E3F8F7;}
.phone img { width:10%; position:absolute; top:29%; left:25%;                 } 
.phone h2  {            position:absolute; top:19%; left:40%; font-size:22px; }
.phone h3  {            position:absolute; top:49%; left:43%; font-size:20px; }
.escondido { display: none; }


/*Pagina Nosotros.html */
.main_nos    { position:relative ; width:103%; left:5%; height:950px; margin:3% 0%; }
.ima1        { width:15%; position:absolute; top:3%;  }
.ima2        { width:15%; position:absolute; top:20%; }
.text_nos1   { width:15%; position:absolute; top:35%; height:30px; text-align:center; }
.text_nos2   { width:69%; text-align:justify; display:inline-block; margin:0% 17%; }
.text_nos3   { width:70%; text-align:center;                        margin:5%  7%; }
.text_nos2 a ,
.text_nos3 a { font-size:47px;font-family: 'Tangerine', serif; }


/* Pagina ti.html  */
.main_ti     { position:relative ; width:103%; left:5%; height:800px; margin:3% 0%; }
.ti1 , .ti2  ,
.ti3         { width:35%; height:40%; position:absolute; }
.t11         { top:20px;  }
.ti2         { top:450px; }
.ti3         { top:450px; left:50%; border-radius:3rem;} 
.ti4         { width:45%; height:50px;  position:absolute; top:25px;  left:40%; font-size:190%;}
.ti5         { width:45%; height:500px; position:absolute; top:125px; left:45%; font-size:150%;}


/* Pagina legal.html  */
.main_abo    { position:relative ; width:103%; left:5%; height:750px; margin:3% 0%; }
.abo1        { width:400px; position:absolute; top:10px; left:1%;}
.abo2        { width:45%; height:50px;  position:absolute; top:25px;  left:35%; font-size:220%;}
.abo3        { width:50%; height:500px; position:absolute; top:125px; left:45%; font-size:150%;}
.main_abo h2 { position:absolute; top:470px; left:60%; font-size:130%;}


/* Pagina contable.html  */
.main_con    { position:relative ; width:103%; left:5%; height:750px; margin:3% 0%; }
.con1, .con2 { width:300px; height:250px; position:absolute; left:10px;}
.con1        { top:20px;  }
.con2        { top:375px; }
.con3 a      { position:absolute; top:25px;  left:37%; font-size:250%;}
.con3 p      { position:absolute; top:80px;  left:42%; font-size:100%;}
.con4 ul     { width:45%; height:500px; position:absolute; top:150px; left:45%; font-size:150%;
               list-style:none; }
.main_con h2 { position:absolute; top:500px; left:70%; font-size:150%;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?oo3e3n');
  src:  url('fonts/icomoon.eot?oo3e3n#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?oo3e3n') format('truetype'),
    url('fonts/icomoon.woff?oo3e3n') format('woff'),
    url('fonts/icomoon.svg?oo3e3n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\e912";
}
.icon-display:before {
  content: "\e956";
}
.icon-laptop:before {
  content: "\e957";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-truck:before {
  content: "\e9b0";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-pause:before {
  content: "\ea16";
}
.icon-stop:before {
  content: "\ea17";
}
.icon-previous:before {
  content: "\ea18";
}
.icon-next:before {
  content: "\ea19";
}
.icon-backward:before {
  content: "\ea1a";
}
.icon-forward2:before {
  content: "\ea1b";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-file-pdf:before {
  content: "\eadf";
}