body,h1,form,fieldset,textarea{margin:0;padding:0;border:0;outline:none;}

html,body,form{height:100%;}

body{margin:0  auto;}
/*
section,div,header,main,nav,ul{border:solid 1px #000;}
*/
img{border:0;}

header{position:fixed;width:100%;z-index:90;background-color:#fff;border-bottom:solid 1px #b6b6b6;}

.cheader{margin:0 auto 76px auto;max-width:1152px;}

#dwrapperh{float:left;width:100%;min-height:100%;position:relative;}


/*nav*/

.lnav,.lnavf{margin:24px 0 0 0;padding:0;list-style-type:none;margin-bottom:10px;float:right;left:120px;}

.lnav ul,.lnavf ul{margin:0;padding:0;list-style-type:none;overflow:hidden;}

.lnav li,.lnavf li{margin:0;padding:0 60px 0 0px;display:inline-block;letter-spacing:1px;}

header nav{float:right;position:relative;font-family:'Comfortaa', cursive;font-weight:normal;font-size:12px;margin-right:5px;font-weight:normal;letter-spacing:0.4px;}

nav{padding:0;margin:0;}

#toplogo{position:relative;float:left;background-image:url('../images/cerswtoplogo.gif');background-repeat:no-repeat;width:120px;height:69px;margin-top:4px;cursor:pointer;left:10px;}

/*
.fcredits{float:left;width:100%;border-top:solid 1px #BFBFBF;font-family:Arial;font-size:13px;font-weight:normal;color:#454545;padding:10px 0 16px 0;margin-top:50px;}
*/
.dleft{float:left;position:relative;}

.dright{float:right;position:relative;}

.dleftfw{float:left;width:100%;position:relative;}


/*links*/
A:link.lnk_333,A:visited.lnk_333{color:#333333;text-decoration:none;} 

A:hover.lnk_333,A:active.lnk_333{cursor:pointer;text-decoration:underline;color:#00AFD7;}


video#bgvid {


    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('../images/transparent.png') no-repeat;
    background-size: cover; 

}



/*front*/

.mfpage{max-width:1152px;margin:0 auto 0 auto;padding-top:80px;}

.dlogo{float:left;position:relative;width:300px;margin:160px 0 20% 10%;}

.dphrase{float:right;position:relative;width:290px;margin:80px 8% 0 0;}

.dphrasetext{float:right;text-align:right;font-family: 'Lustria', serif;font-size:40px;color:#5f5f5f;padding-bottom:30px;width:270px;}

.dpharseshade{float:right;}


/*company*/

.company{max-width:95%;/*1040px;*/margin:0 auto;}

.compquest{float:left;position:relative;text-align:center;font-size:34px;color:#00afd7;margin:70px auto 30px auto;width:100%;font-family: 'Kaushan Script', cursive;}

.compdsc{float:left;position:relative;font-size:24px;color:#4d4d4d;margin:0 auto 70px auto;line-height:40px;width:100%;color:#4d4d4d;text-align:justify;}

hr{background-color:#00afd7;border:0;height:1px;}


		.lhproj {
			counter-reset: my-badass-counter;
		}
		.lhproj dt {
			position: relative;
			font-size:24px;color:#4d4d4d;
			padding: 4px 0 10px 0;
		}
		.lhproj dt:before {
			content: counter(my-badass-counter);
			counter-increment: my-badass-counter;
			position: absolute;
			left: 0;
			top: 10px;
			font: bold 26px/1 Sans-Serif;
			font-style:italic;
		}

		.lhproj dt, .faq dd {
			padding-left: 50px;
		}
		

/*customers*/
/*.dcus {
    border:solid 1px #ccc;position:relative;padding:20px;font-family:'Gentium Basic', serif;background-color:#fff;border-radius:10px;float:left;width:27.1%;padding:2%;margin:2%;margin-right:0;margin-top:0;
}*/

.dcus {
    border:solid 1px #ccc;position:relative;padding:20px;font-family:'Gentium Basic', serif;background-color:#fff;border-radius:10px;margin:20px;margin-right:0;margin-top:0;float:left;width:300px;
}

    .dcus .dimg {
        width:300px;height:15px;display: table-cell;vertical-align: middle;text-align: center;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    }

        .dcus .dimg:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
        }

    .dcus img {
        width:80%;
    }

.dcus h2 {
    font-size:0.8em;color:#4d4d4d;text-align:left;font-style:italic;margin-bottom:0;letter-spacing:1px;border-bottom:solid 1px #ccc;margin-top:auto;letter-spacing:0.8px;
}

.dcus p{display:block;font-size:0.6em;text-align:left !important;font-family:Arial;letter-spacing:0.4px;line-height:26px;width:100%;margin-top:6px;margin-bottom:0;border-bottom:solid 1px #e5e5e5;
}

/*@media screen and (max-width: 890px) {
   .dcus { 
       width:43%;
  }
}

@media screen and (max-width: 400px) {
   .dcus { 
       width:92%;
  }
}*/



/*services*/

.services{max-width:1040px;margin:30px auto 0 auto;position:relative;background-color:#fff;}

#servlist{float:left;position:relative;margin-top:100px;width:100%;font-family:'Gentium Basic';}

.subtitle{font-size:60px;font-family: 'Gentium Basic', serif;width:320px;color:#4d4d4d;padding:25px 0 0 0;float:left;margin:100px 0 0 40px;border-top:solid 3px #00afd7;}

.subtitlei{font-size:60px;font-family: 'Gentium Basic', serif;width:270px;color:#4d4d4d;padding:15px 0 0 0;float:left;margin:120px 0 0 90px;}

.subtitledsc{color:#4d4d4d;text-align:right;font-size:24px;width:50%;float:right;line-height:36px;margin-top:130px;letter-spacing:0.01em;margin-right:2%;}

.ulservices {
    float: left;
    width: 90%;
    list-style-type: none;
    font-family: 'Gentium Basic', serif;    
    font-size: 1.3em;
}

    .ulservices .item {
        float:left;width:100%;position:relative;border-top:solid 2px dimgray;padding:30px 0 40px 0;
    }

    .ulservices h1 {
        font-weight:bold;width:100%;display:inline-block;
    }

    .ulservices .topic {
        float:left;position:relative;width:40%;
    }

        .ulservices .topic span {
            padding-right:20px;font-style:italic;color:dimgrey;height:30px;display:inline-block;float:left;
        }

        .ulservices .topic label {
            float:left;width:auto;
        }


    .ulservices .definition {
        padding:10px 0 0 70px;
    }


    @media only screen and (max-width: 900px) {

        .ulservices .definition {
            padding-left: 30px;
        }
    }


    @media only screen and (max-width: 450px) {

        .ulservices .definition {
            padding-left:10px;
        }
    }


    .ulservices .technology {
        float:right;position:relative;width:50%;
    }

        .ultechnology  {
            list-style-type:none;float:left;
        }

        .ultechnology  li {
            float: left;
            position: relative;
            width: 100%;
            line-height: 2em;
        }


/*.ulservices li{float:left;position:relative;padding-bottom:80px;width:100%;}

.ulservices h1{font-family: 'Cinzel Decorative', cursive;font-weight:bold;font-size:22px;width:100%;}*/



.olservices{float:left;padding:30px 0 0 40px;margin-left:20px;}

.olservices li{font-family: 'Gentium Basic', serif;font-size:24px;color:#4d4d4d;padding-bottom:10px;margin-left:3%;width:97%;}

.olservices li span{left:10px;position:relative;}

.faq{background-image:url('../images/faqsmall.png');background-repeat:no-repeat;width:105px;height:91px;cursor:pointer;right:0;position:absolute;margin:-16px 0 0 0;cursor:pointer;border:solid 0 #000;}


/*soluciones*/

.solutions{float:left;position:relative;width:100%;margin-top:70px;}

.dsol {
    float:left;width:50%;position:relative;margin-bottom:1px;
}

    .solutions a {
        display:block;    
    }


#are,#adl,#are:hover, #adl:hover, #apa:hover {
    cursor:default;
}

        #awi:hover + #dtawi {
            display:block;
        }

        #are:hover + #dtare {
            display:block;
        }

        #ask:hover + #dtask {
            display:block;
        }

        #adl:hover + #dtadl {
            display:block;
        }

        #ali:hover + #dtali {
            display: block;
        }

        #apa:hover + #dtapa {
            display: block;
        }

#dtawi, #dtare, #dtask, #dtadl, #dtali, #dtapa {
    display: none;
    color: #ffffff;
    background-color: #000000;
    text-align: left;
    width: 96%;
    padding: 2%;
    position: absolute;
    bottom: 0;
    font-family: Arial;
    font-size: 0.9em;
}

.imgsolution{float:left;width:100%;margin:0;padding:0;border:0;border:dashed 0px #000;}


/*faq*/

#subaf{width:93%;float:right;position:relative;}

.subtitlei div{position:absolute;top:80px;}

.faqlist{float:left;width:92%;list-style-type:none;margin-top:100px;padding:0 4%;}

.faqlist li{padding-bottom:60px;}

.ask{font-size:32px;font-family:'Kaushan Script', cursive;color:#4d4d4d;padding-bottom:20px;}

.answer{font-size:24px;font-family: 'Gentium Basic', serif;color:#4d4d4d;text-align:justify;line-height:36px;}


/*contacto*/

.btncontacto{background-image:url('../images/contactenos.png');width:241px;height:81px;background-repeat:no-repeat;cursor:pointer;margin:36px 45% auto 30%;}

.btncontacto:hover{background-image:url('../images/contactenos_over.png');}


/*end*/

#credits{float:left;font-family: 'Gentium Basic', serif;font-size:16px;color:#4d4d4d;width:96%;margin-top:400px;padding:0 2% 8px 2%;}

A:link.lnk_4d4,A:visited.lnk_4d4{color:#4d4d4d;text-decoration:none;} 

A:hover.lnk_4d4,A:active.lnk_4d4{cursor:crosshair;text-decoration:underline;}




@media screen and (max-width:320px)
{
.dphrasetext{font-size:16px;}    
}


@media screen and (max-width:340px)
{
.lnav{visibility:hidden;display:none;}
}



@media screen and (max-width:360px)
{   
.dphrasetext{font-size:30px;}

.subtitle{width:98%;margin:0 2%;}    
    
.compquest{font-size:26px;margin-top:70px;}    
    
.compdsc{font-size:18px;text-align:left;line-height:30px;margin-bottom:20px;}

.lhproj dt {font-size:18px;}

.lhproj dt:before {font-size:18px;}

.lhproj dt, .faq dd {padding-left: 35px;}

.ulservices h1{font-size:18px;}

.olservices li{font-size:20px;}

}

@media screen and (max-width:410px)
{
 #credits .dright{visibility:hidden;display:none;}

}

@media screen and (max-width:560px) {
     .dsol{width:100%;}
}


@media screen and (max-width:580px)
{

.faq{background-image:url('../images/faqsmallest.png');width:53px;height:46px;}

#subaf{width:100%;}

.ulservices{padding-left:4%;width:96%;}

.olservices{padding-left:5px;}

.ask{font-size:26px;border-bottom:dashed 1px #000;}

.answer{font-size:18px;text-align:justify;}

#credits{font-size:13px;}

}


@media screen and (max-width:596px)
{
#toplogo{position:absolute;}   
    
nav{position:absolute;padding:0;margin:0;right:0;top:0;/*left:130px;*/padding-left:0;}    
    
.lnav{float:left;position:relative;left:0;margin-left:130px;}        
    
.lnav li{padding:0 0 5px 0;margin:0;text-align:center;width:35%;display:inline-block;float:left;}

}

@media screen and (max-width:740px)
{
.dlogo{float:left;width:100%;margin:70px 0 0 0;text-align:center;}

.dphrase{width:87%;padding:0 8% 0 5%;margin:35px 0 0 0;}

.dphrasetext{float:left;width:100%;}

.dphraseshade{visibility:hidden;display:none;}

}


@media screen and (max-width:780px)
{

.lnav li{padding-right:24px;}


/**/
.subtitle{margin:50px 0 0 5px;}

.subtitledsc{color:#4d4d4d;text-align:left;font-size:24px;width:90%;float:left;line-height:36px;margin:30px 5% 10px 5%;letter-spacing:0.01em;}

.btncontacto{margin:20px auto 0 auto;}

}



/*doclegacy*/

#doclegacyinfo {
    float: left;
    position: relative;
    margin-top: 100px;
    width: 100%;
    font-family: 'Gentium Basic';
    margin:0 auto;
    margin-top:50px;
}

    #doclegacyinfo li {
        float:left;position:relative;width:100%;padding:10px 0;
    }