/* HTML5 Reset :: style.css*/
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll; height:100%; width:100%;}
*{ margin:0;}
/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
/*ul {list-style: none;}
a {margin: 0; font-size: 100%; vertical-align: baseline; background: transparent;}*/
/*********************************************************************************************************/
/*
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Ut Enim Ad Minim Veniam lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
LOREM IPSUM
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
LOREM IPSUM
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
LOREM IPSUM
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
LOREM IPSUM
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
SIT AMET
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
CONSECTETUR MAGNA ALIQUA
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
*/
body{
margin:0;
width:100%;
height:100%;
}
* {
margin:0px;
}
html, body {
height: 100%;
}
#wrapper {
min-height: 100%;
clear:both;
}
@font-face {
font-family: 'MyriadProRegular';
src: url('fonts/myriadpro-regular.eot');
src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
url('fonts/myriadpro-regular.woff') format('woff'),
url('fonts/myriadpro-regular.ttf') format('truetype'),
url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('fonts/gothic.eot');
src: url('fonts/gothic.eot') format('embedded-opentype'),
url('fonts/gothic.woff') format('woff'),
url('fonts/gothic.ttf') format('truetype'),
url('fonts/gothic.svg#CenturyGothicRegular') format('svg');
}
@font-face {
font-family: 'MyriadProBold';
src: url('fonts/myriadpro-bold.eot');
src: url('fonts/myriadpro-bold.eot') format('embedded-opentype'),
url('fonts/myriadpro-bold.woff') format('woff'),
url('fonts/myriadpro-bold.ttf') format('truetype'),
url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}
/**************GENERAL*******************/
header{
width:960px;
height:200px;
margin:auto;
margin-top:10px;
float:left;
}
h1{
color:#cc0000;
font-size:53px;
margin-left:30px;
float:left;
font-weight:bolder;
}
nav{
float:left;
width:800px;
height:50px;
margin:10px 0 0 0;
margin-left:-225px;
background:rgba(0,70,100,0.5);
}
nav ul{
display:inline-block;
margin-top:10px;
margin-left:170px;
}
nav ul li{
display:inline-block;
color:#fff;
font-family:'MyriadProRegular';
font-size:15px;
font-weight:bold;
border-left:#FFF solid 1px;
padding-left:5px;
padding-bottom:13px;
margin-left:30px;
}
nav ul li a{
text-decoration:none;
color:#FFF;
padding: 0 px;
}
nav ul li a:hover{
color:#09F;
}
/**************GENERAL*******************/
/*************ID***************/
.bg-logo{
/* background:rgba(255,255,255,0.1); */
width:340px;
height:150px;
margin-bottom:20px;
margin-top:11px;
}
#logo{
width:340px;
height:119px;
margin-left:5px;
margin-right:120px;
float:left;
background-image:url(images/inicio/logo.png);
background-repeat:no-repeat;
background-size: 90% 120px;
}
#contenedor{
width:960px;
margin: 0 auto -30px;
min-height: 100%;
height: auto !important;
height: 100%;
}
/*******class******************class*******************class***********/
.slogan{
width:500px;
height:21px;
background:rgba(0, 70, 100, 0.5);
color:#fff;
margin-top:110px;
font-family:'CenturyGothicRegular';
font-size:14px;
font-weight:bold;
text-align:left;
padding:11px;
margin-left:670px;
margin-bottom:40px;
}
.bien{
width:600px;
height:249px;
background:rgba(39, 119, 191, 0.5);
float:right;
margin-right:117px;}
#nos{
width:900px;
height:auto;
background:rgba(0, 0, 0, 0.5);
float:right;
margin-right:60px;
margin-top:20px;
}
#servx{
width:900px;
height:300px;
background:rgba(0, 0, 0, 0.5);
float:right;
margin-right:60px;
margin-top:20px;
}
.tit-bien{
color: #fff;
font-family: 'MyriadProBold';
font-size:66px;
font-weight:bold;
text-align:left;
width: auto;
height:65px;
padding-left:30px;
border-bottom:#FFF solid 1px;
}
.scroll{
width:830px;
height:300px;
background-color:;
margin-left:32px;
overflow:scroll;
color:#FFF;
font-size:12px;
}
.txt-bien{
color: #fff;
font-family: 'CenturyGothicRegular';
font-size: 12px;
float:right;
height:173px;
width: 462px;
border-left:#FFF solid 1px;
padding:5px;
overflow:scroll;
}
.txt-inter{
color: #fff;
font-family: 'CenturyGothicRegular';
font-size: 12px;
text-align:left;
}
#conte-in{
height:600px;
width:800px;
padding:10px;
margin:0 auto;
}
#info01{
weight:20px;
height:280px;
background-color:;
margin-top:20px;
margin-left:30px;
margin-right:30px;
}
.slider{
width:840px;
height:280px;
margin: 0 auto;
overflow:hidden;
}
.slider img{
background-size:100%;
width:100%;
height:auto;
margin:auto;
text-align:center;
}
/*------------------------SECCIONES----------------------------*/
#width-cont{width: 462px;}
/*inicia desplegables*/
@charset "utf-8";
/* CSS Document */
.contenedor-info{
float:left;
width:100%;
text-align: left;
margin:40px auto;
position:relative;
}
.contenedor-info span{
font-size:18px;
}
.widget{
width: 300px;
height: auto;
text-align:left;
float: left;
font-family: 'MyriadProRegular';
font-size: 18px;
margin-top:3px;
}
/*.widget a { color: #031725;
text-decoration: none; }
.widget a:hover {color: #fff; }*/
/*mini-menu*/
.tabnav{
width:auto;
margin: 0;}
.tabnav ul{
margin-top: 0;
padding: 0;}
.tabnav li{
display:block;
margin-bottom:5px;
padding:5px;
list-style:none;
color: #fff;
background:rgba(255, 255, 255, 0.6);
font-family: 'MyriadProRegular';
font-size: 18px;
text-align: left;
float:left;
outline: none;}
.tabnav li a{
text-decoration:none;
color:#fff;
}
.tabnav li:hover{
background-color:#FFF;
color:#303;
}
/*.tabnav .activo a{ color:#66402b;}*/
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a{
color:#06F;
text-decoration:none;
}
.tabdiv{
margin-top: 2px;
float:left;
padding: 0;
color:#666;
border:solid #CCC 1px;
width:580px;
}
/*.tabdiv li { margin-left:-15px;}*/
.ui-tabs-hide{
display: none;
}
#featuredvid{
text-align:left;
}
.fvid{
margin-bottom:5px;
}
.vidselector li { text-align: left;
list-style: none;
padding: 5px;
background: #F00;
border: 1px solid #dedbd1;
text-transform: uppercase;
margin-bottom: 5px; }
.textd{ height:auto;
margin:0;
padding:5px;
text-align: left;
color: #fff;
font-family: 'CenturyGothicRegular';
font-size: 14px;
}
.fiscal{ width:750px;
height:500px;
overflow:auto;
text-align:justify;
font-family:'CenturyGothicRegular';
font-size:14px;
color:#06F;
}
.serv{ width: 500px;
height:300px;
overflow:auto;
text-align:justify;
font-family:'CenturyGothicRegular';
font-size: 14px;
color:#06F;
}
.thumb{
text-align:center;
color:#F60;
float:left;
width:239px;
height:200px;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
}
.thumb a{
color: #06F;
}
.thumb a:hover{
color: #006;
}
.thumb img{
background-position:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.map-con{ float:right;
width:425px;
height:350;
margin:10px;}
/*------------------------FOOTER----------------------------*/
#footernos{
height:30px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:400px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
#footerpro{
height:30px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:100px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
#footerserv{
height:30px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:600px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
#footercl{
height:30px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:60px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
#footercon{
height:40px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:768px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
footer{
height:40px;
width:1500px;
background-color:#06F;
background:rgba(0, 70, 100, 0.5);
position:relative;
position:absolute;
margin-left:-230px;
margin-top:260px; /* ponga en negativo el alto de su pie de página para nuestro ejemplo usamos 63, usted debe remplazarlo según su diseño */
}
#foot-con{
margin:5px auto;
width:960px;
height: auto;
padding:auto;
}
.txt-fot{
color:#fff;
font-family: 'CenturyGothicRegular';
font-size:12px;
text-align:left;
padding:5px 0 0 0;
width:500px;
float:left;
margin-top:2px;
}
.div-foot{
width:140px;
height:25px;
border-left:#FFF solid 1px;
float:right;
color:#fff;
font-family: 'CenturyGothicRegular';
font-size:9px;
padding:5px 0 0 10px;
}
.div-foot1{
margin-top:-20px;
margin-left:60px;
}
.div-foot2{
width:140px;
height:25px;
border-left:#FFF solid 1px;
float:right;
color:#fff;
font-family: 'CenturyGothicRegular';
font-size:16px;
padding:5px 0 0 10px;
}
/*------------------------FOOTER----------------------------*/
/***************FIRMA****************/
.firma {
width:auto;
margin: 0 auto;
padding: 0;
text-align:center;
}
.firma img {
opacity:0.4;
filter: alpha(opacity=40);
/* For IE8 and earlier */
}
.firma img:hover {
opacity:1.0;
filter:alpha(opacity=100);
/* For IE8 and earlier */
/*transition-duration*/
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
}
/*****************FIRMA*******************/
/*******class******************class*******************class***********/
/********CONTACTO********/
#econt{ width: auto;
height:auto;
margin: 0 auto;
float:left;
padding:20px;
color:#FFF;
font-family: 'CenturyGothicRegular';}
/************Form styles start**************/
input,textarea,select {font-family: 'CenturyGothicRegular';
color:#FFF;}
input[type="text"],[type="email"],select {
width:215px;
height:18px;
padding:5px 8px;
font-size:1.0em;
color:#000;
background-color:#c2c2c2;
border:#c2c2c2 solid 1px;
/*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
/*transition-duration*/
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
}
input[type="text"],[type="email"]:hover,select:hover{
background-color:#f1f1f1;
opacity:0.7;
/*transform -webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
*/
}
textarea {
width:350px;
height:140px;
padding:5px 8px;
margin-bottom:10px;
font-size:1.0em;
color:#000;
background-color:#c2c2c2;
border:#c2c2c2 solid 1px;
/*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
/*transition-duration*/
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
}
input[type="text"],[type="email"]:focus {
opacity: 0.7;
}
input[type="submit"] {
width:85px;
height:25px;
padding:0 4px;
font-weight:bold;
line-height:1;
color:#444;
border:none;
text-shadow:0 1px 1px rgba(255,255,255,0.85);
background-color:#fff;
/*border-radius*/
-webkit-border-radius:23px;
-moz-border-radius:23px;
border-radius:23px;
/*box-shadow*/
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
box-shadow:0 1px 2px rgba(0,0,0,0.5);
/*transition-duration*/
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c3c3c3),to(#fff));
background-image:-moz-linear-gradient(0% 100% 90deg,#fff,#c3c3c3);
}
input[type="submit"]:hover {
color:#1a75ce;
cursor:pointer;
text-shadow:0 1px 1px rgba(0,0,0,0.85);
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#c3c3c3));
background-image:-moz-linear-gradient(0% 100% 90deg,#c3c3c3,#fff);
background-color:#fff;
}