@import url('reset.css');
@import url('fuentes.css');
/*-------- Estilos Generales ------*/
body{
    background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 39%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(39%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 39%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 39%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 39%, rgba(32,124,229,1) 100%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 39%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    font-family: Arial, Helvetica, sans-serif;
}
a{text-decoration: none; color:white;}
a:hover{text-decoration: underline;}

/*-------- HEADER ------*/

header{
    width: 100%;
    overflow: hidden;
    float:left;
    box-shadow: 0px 3px 5px;
    opacity: 0.8;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
/*-------- HEADER 2------*/
.header2{
    position: fixed;
    z-index:1;
}
/*-----------------------------------------------------------INICIO DE MENUS---------------------------------------------------------*/
/*-------- MENU 1 ------*/
#menu1{
    width: 100%;
    margin: auto;
}
header #menu1 nav{
    float:right;
    width: 100%;
    background: darkgrey;
    padding: 5px 0px;
    -moz-padding: 5px 0px;
    -webkit-padding: 5px 0px;
}
header #menu1 nav ul li{
    display:inline;
    float:right;
    font-family: sourcesans;
}
header #menu1 nav ul li a{
    color: white;
    font-size: 13px;
    padding: 13px;
    line-height: normal;    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
header #menu1 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-------- MENU 2 ------*/
#menu2{
    width: 100%;
    margin: auto;
}
/*-------- MENU 2 / LOGO 1------*/
#logo{
    float:left;
    width: 110px;
    padding: 2px 3px;
    background: darkorange;
}
/*-------- MENU 2 / LOGO 1------*/
#logoauna{
    float:right;
    width: 210px;
    padding: 2px 3px;
    background: darkorange;
}
/*-------- MENU 2 / TEXT LOGO ------*/
#textlogo{
    float:left;
    width:100px;
    padding: 25px 0px;
    background: darkorange;
    font-weight: bold;
}
/*-------- MENU 2 / MENU SECUNDARIO ------*/
#menuprincipal nav{ 
    float:left;
    width: 917px;
    background: #1e5fc8; 
    text-align: center;
    padding: 25px 0px;
}
header #menuprincipal nav ul li{
    display:inline;
    float:none;
}
header #menuprincipal nav ul li a{
    color: black;
    font-size: 15px;
    padding: 35px;
    border-radius: 5px;
    font-weight: bold;
    line-height: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
header #menuprincipal nav ul li a:hover{
    color: white;
    text-decoration: none;
}
/*-------- MENU 3 / MENU COMPAŅIA ------*/
#menu3{
    width: 100%;
    margin: auto;  
}
#menu3 nav{
    float:left;
    text-align: center;
    width: 100%;
    background: darkturquoise;
    padding: 7px 10px;
    -moz-padding: 8px 10px;
    -webkit-padding: 8px 10px;
}
#menu3 nav ul li{
    float:none;
    display:inline;
    font-family: sourcesans;   
}
#menu3 nav ul li a{
    color: white;
    font-size: 15px;
    padding: 13px;
    line-height: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu3 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-------- MENU 4 / MENU OPERACIONES ------*/
#menu4{
    width: 100%;
    margin: auto;  
}
#menu4 nav{
    float:left;
    text-align: center;
    width: 100%;
    background: darkturquoise;
    padding: 7px 10px;
    -moz-padding: 8px 10px;
    -webkit-padding: 8px 10px;
}
#menu4 nav ul li{
    float:none;
    display:inline;
    font-family: sourcesans;   
}
#menu4 nav ul li a{
    color: white;
    font-size: 15px;
    padding: 13px;
    line-height: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu4 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-------- MENU 5 / MENU QHSE ------*/
#menu5{
    width: 100%;
    margin: auto;  
}
#menu5 nav{
    float:left;
    text-align: center;
    width: 100%;
    background: darkturquoise;
    padding: 7px 10px;
    -moz-padding: 8px 10px;
    -webkit-padding: 8px 10px;
}
#menu5 nav ul li{
    float:none;
    display:inline;
    font-family: sourcesans;   
}
#menu5 nav ul li a{
    color: white;
    font-size: 15px;
    padding: 13px;
    line-height: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu5 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-------- MENU 6 / MENU PROYECTO ------*/
#menu6{
    width: 100%;
    margin: auto;  
}
#menu6 nav{
    float:left;
    text-align: center;
    width: 100%;
    background: darkturquoise;
    padding: 7px 10px;
    -moz-padding: 8px 10px;
    -webkit-padding: 8px 10px;
}
#menu6 nav ul li{
    float:none;
    display:inline;
    font-family: sourcesans;   
}
#menu6 nav ul li a{
    color: white;
    font-size: 15px;
    padding: 13px;
    line-height: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu6 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-------- MENU 7 / MENU CONTACTENOS ------*/
#menu7{
    width: 100%;
    margin: auto;  
}
#menu7 nav{
    float:left;
    text-align: center;
    width: 100%;
    background: darkturquoise;
    padding: 7px 10px;
    -moz-padding: 8px 10px;
    -webkit-padding: 8px 10px;
}
#menu7 nav ul li{
    float:none;
    display:inline;
    font-family: sourcesans;   
}
#menu7 nav ul li a{
    color: white;
    font-size: 15px;
    padding: 13px;
    line-height: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu7 nav ul li a:hover{
    color: black;
    text-decoration: none;
}
/*-----------------------------------------------------------FIN DE MENUS---------------------------------------------------------*/
/*-----------------------------------------------------------INICIO PAGINA INDEX---------------------------------------------------------*/
#cont-principal{ 
    width:100%;
    max-width:1366px;
    margin:auto;
    background: aqua;
    clear:both; 
}
#coment-principal {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 200px;
    left: 180px;
    font-size:38px;
    font-weight: bold;
}
#img1 article .principal{
    width:100%;
    height: 610px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
}
#coment-principal {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 200px;
    left: 180px;
    font-size:38px;
    font-weight: bold;
}

/*-------- PIE DE PAGINA ------*/
#pie{
    text-align: center;
    font-size:12px;
    background: darkorange;
    padding:0px 0px 8px 0px;
}    


/*-----------------------------------------------------------FIN PAGINA INDEX---------------------------------------------------------*/ 
/*-----------------------------------------------------------INICIO PAGINA COMPAŅIA---------------------------------------------------------*/
#coment-cia {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 200px;
    left: 20px;
    font-size:38px;
    font-weight: bold;
}
#contmenu3 article .cia{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    max-width:1366px;
   max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}
#img1 article .quienesomos{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
#img2 article .valores{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;*/
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
}
#img3 article .proposito{
    width:1360px;
    height: 680px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
}

/*#img4 article .proposito{
    width:1360px;
    height: 680px;*/

/*max-width:1366px;
max-height: 560px;*/
/*float:left;

}*/

/************************* TITULOS  **********************/
#tit-quienesomos {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 845px;
    left: 80px;
    font-size:34px;
    font-weight: bold;
    color:darkturquoise;
}
#tit-valores {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 1525px;
    left: 985px;
    font-size:34px;
    font-weight: bold;
    color:white;
}
#tit-proposito {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 2320px;
    left: 920px;
    font-size:25px;
    font-weight: bold;
    color:white;
}
/************************* COMENTARIOS  **********************/
#coment-quienessomos {
    position:absolute;
    z-index:0;
    top: 890px;
    left: 50px;
    width: 500px;
    height: 200px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 5%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    background: #F8F9F9;
    line-height: 17px;
}
#coment-quienessomos p {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
}
#coment-valores1 {
    position:absolute;
    z-index:0;
    top: 1550px;
    left: 800px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
#coment-valores2 {
    position:absolute;
    z-index:0;
    top: 1550px;
    left: 1100px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
#coment-valores3 {
    position:absolute;
    z-index:0;
    top: 1700px;
    left: 800px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
#coment-valores4 {
    position:absolute;
    z-index:0;
    top: 1700px;
    left: 1100px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
#coment-valores5 {
    position:absolute;
    z-index:0;
    top: 1850px;
    left: 800px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
#coment-valores6 {
    position:absolute;
    z-index:0;
    top: 1850px;
    left: 1100px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}
/*#coment-valores7 {
    position:absolute;
    z-index:0;
    top: 1850px;
    left: 1110px;
    width: 235px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:black;
    background: darkcyan;
}*/
#coment-proposito {
    position:absolute;
    z-index:0;
    top: 2250px;
    left: 880px;
    width: 330px;
    height: 300px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 70%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    color:white;
}


/*-----------------------------------------------------------FIN PAGINA COMPAŅIA---------------------------------------------------------*/ 

/*-----------------------------------------------------------INICIO PAGINA OPERACIONES---------------------------------------------------------*/
#coment-operac {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 150px;
    left:800px;
    width:800px;
    height: 400px;
    font-size:20px;
    font-weight: bold;
    background: white;
    border: solid 1px black;
    box-shadow: 2px 3px 5px;
} 
#contmenu4 article .operaciones{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    max-width:1366px;
   max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}

#contmenu4 article .img_operac{
    width:500px;
    height: 500px;
    /*padding:120px 0px 0px 0px;
    max-width:1366px;
   max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}

#img6 article .pulling{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
#img7 article .workover{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
#img8 article .term-comp{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
#img9 article .swab{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
/************************* TITULOS  **********************/
#tit-pulling {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 845px;
    left: 80px;
    font-size:34px;
    font-weight: bold;
    color:darkturquoise;
}
#tit-workover {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 1525px;
    left: 985px;
    font-size:34px;
    font-weight: bold;
    color:white;
}
#tit-term-comp {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 2320px;
    left: 920px;
    font-size:25px;
    font-weight: bold;
    color:white;
}
#tit-swab {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 2320px;
    left: 920px;
    font-size:25px;
    font-weight: bold;
    color:white;
}
/************************* COMENTARIOS **********************/
#coment-pulling {
    position:absolute;
    z-index:0;
    top: 890px;
    left: 50px;
    width: 500px;
    height: 200px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 5%;
    border: solid 3px white;
    overflow:hidden;
    font-size:14px;
    background: #F8F9F9;
    line-height: 17px;
}
#coment-pulling p {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
}
/*-----------------------------------------------------------FIN PAGINA OPERACIONES---------------------------------------------------------*/ 

/*-----------------------------------------------------------INICIO PAGINA QHSE---------------------------------------------------------*/
#coment-politicahse {
    position:absolute;
    z-index:0;
    text-align: center;
    vertical-align: middle;
    top: 1150px;
    left: 100px;
    width: 500px;
    height: 800px;
    
    font-size:12px;
    font-weight: bold;
    background: aqua;
    border: solid 1px black;
    box-shadow: 2px 3px 5px;
} 
#contmenu5 article .img_operac{
    width:500px;
    height: 500px;
    /*padding:120px 0px 0px 0px;
    max-width:1366px;
   max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}

#contmenu5 article .qhse{
    width:1360px;
    height: 680px;
    /*padding:120px 0px 0px 0px;
    max-width:1366px;
   max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}
#img9 article .politicahse{
    width:1360px;
    height: 300px;
    padding:0px 0px 400px 0px;
    /*max-width:1366px;
   max-height: 560px;*/
    float:left;
    /* padding-top: 130px;*/
}
/*-----------------------------------------------------------FIN PAGINA QHSE---------------------------------------------------------*/ 

/*-----------------------------------------------------------INICIO PAGINA CONTACTOS---------------------------------------------------------*/
#contmenu3 article .contacto{
    width:100%;
    height: 200px;

    padding:100px 0px 0px 0px;
    max-width:1366px;
    max-height: 560px;*/
    float:left;
    /*padding-top: 130px;*/
}
/*-----------------------------------------------------------FIN PAGINA CONTACTOS---------------------------------------------------------*/ 


/*#badge1 {
    position:absolute;
    z-index:0;
    background-color:#FFFFFF;
    top: 1150px;
    left: 50px;
    width: 200px;
    height: 200px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: yellow;
}*/