.contact_form h2 {

    background: none repeat scroll 0 0 #F3F3F3;

    border-radius: 5px;

    color: #5CD053;

    display: block;

    font-family: sans-serif;

    font-size: 20px;

    padding: 5px;

    text-shadow: 1px 1px 1px #CCCCCC;

    width: 433px;

}

/*--- estilos para los ul y li del formulario ---*/

.contact_form ul {

    width:500px;

    list-style-type:none;

    margin:50px;

    padding:0px;

}

.contact_form li{

    padding:12px; 

    border-bottom:1px solid #eee;

    position:relative;

}
.contact_form label {

    color: #555555;

    display: inline-block;

    float: left;

    font-family: sans-serif;

    font-size: 13px;

    font-weight: bold;

    margin-top: 3px;

    padding: 3px;

    width: 90px;

}
.contact_form input {

    height:20px; 

    width:220px; 

    padding:5px 8px;

}

.contact_form textarea {

    padding:8px; 

    width:220px;

}

.contact_form button {

    margin-left:90px;

}
/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

    color: #888;

    font-size: 12px;

    padding-right:30px;

    -moz-transition: padding .25s; 

    -webkit-transition: padding .25s; 

    -o-transition: padding .25s;

    transition: padding .25s;

}

.contact_form input:focus, .contact_form textarea:focus {

    background: #fff; 

    border:1px solid #555; 

    box-shadow: 0 0 3px #aaa; 

    padding-right:80px;

}
/* === Estilos de Validacion === */



.contact_form input:required:valid, .contact_form textarea:required:valid {

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}
/* === Estilos del boton de Envio === */

button.submit {

    padding: 9px 17px;

    font-family: Helvetica, Arial, sans-serif;

    font-weight: bold;

    line-height: 1;

    color: #444;

    border: none;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));

    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);

    background-color: #fff;

    border: 1px solid #f1f1f1;

    border-radius: 10px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}

button.submit:hover {

    opacity:.55;

    cursor: pointer; 

    color: #000;

}

button.submit:active {

    border: 1px solid #222;

    box-shadow: 0 0 10px 5px #444 inset; 

}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display:block
}
mark, rp, rt, ruby, summary, time {
    display:inline
}
/* Global properties */
html {
    width:100%
}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    color:#9d9d9d;
    min-width:984px;
    background:url(../images/body.jpg) center 0 repeat
}
.ic, .ic a {
    border:0;
    float:right;
    background:#fff;
    color:#f00;
    width:50%;
    line-height:10px;
    font-size:10px;
    margin:-220% 0 0 0;
    overflow:hidden;
    padding:0
}
a {
    color:#00a9ff;
    outline:none
}
a:hover {
    text-decoration: none
}
.col-1, .col-2, .col-3, .col-4 {
    float: left
}
.wrapper {
    width: 100%;
    overflow: hidden
}
.extra-wrap {
    overflow: hidden;
    color: #FFF;
}
.bg {
    width:100%;
    background:url(../images/bg.jpg) center 0 no-repeat
}
.main {
    width: 990px;
    padding: 0;
    font-size: 0.875em;
    line-height: 1.285em;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
p {
    margin-bottom:18px
}
.p0 {
    margin-bottom:0px
}
.p1 {
    margin-bottom:6px
}
.p2 {
    margin-bottom:15px
}
.p3 {
    margin-bottom:30px
}
.p4 {
    margin-bottom:45px
}
.p5 {
    margin-bottom:50px
}
.reg {
    text-transform:uppercase
}
.fleft {
    float:left
}
.fright {
    float:right
}
.alignright {
    text-align:right
}
.aligncenter {
    text-align:center
}
.title {
    margin-bottom:18px
}
.it {
    font-style:italic
}
.letter {
    letter-spacing:-1px
}
.color-1 {
    color:#2483eb
}
.color-2 {
    color:#2483eb
}
.color-3 {
    color:#2483eb
}
.color-4 {
    color:#0f0f0f
}
/* boxes */
.margin-bot {
    margin-bottom:35px
}
.spacing {
    margin-right:35px
}
.indent {
    padding:px 32px
}
.indent2 {
    padding-top: 10px;
    color: #666;
}
.indent3 {
    padding-top:38px
}
.indent4 {
    padding:26px 0 0px 32px
}
.indent5 {
    padding-top:22px
}
.indent-bot {
    margin-bottom:22px
}
.indent-bot2 {
    margin-bottom:19px
}
.indent-bot3 {
    margin-bottom:45px
}
.img-indent-bot {
    margin-bottom:25px
}
.img-indent {
    float:left;
    margin:0 10px 0px 0
}
.img-indent2 {
    float:left;
    margin:0 15px 0px 0
}
.img-indent3 {
    float:left;
    margin:0 20px 0px 0
}
.img-indent4 {
    float:left;
    margin:0 28px 0px 0
}
.img-indent-r {
    float:right;
    margin:4px 0px 0px 15px
}
.prev-indent-bot {
    margin-bottom:10px
}
.buttons a:hover {
    cursor:pointer
}
.menu li a, .list-1 li a, .button-2, .logo {
    text-decoration:none
}
/* header */
header {
    width:100%;
    margin-bottom:-16px;
    position:relative;
    z-index:1
}
.row-1 {
    width:100%;
    height:113px;
    overflow:hidden;
    padding-top:24px
}
.row-2 {
    width:100%;
    min-height:85px;
    position:relative;
    z-index:1
}
.row-3 {
    width:100%;
    min-height:417px;
    position:relative;
    z-index:2
}
h1 {
    padding:0px 0 0 40px;
    position:relative;
    float:left
}
.logo {
    display: block;
    width: 250px;
    height: 112px;
    text-indent: -5000px;
    background: url(../images/logo.png) 0 0 no-repeat;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
}
.slog {
    display:block;
    font-size:14px;
    line-height:1.2em;
    color:#8a8a8a;
    text-transform:uppercase;
    letter-spacing:-1px
}
/* search-form */
#search-form {
    width:244px;
    min-height:39px;
    padding:20px;
    margin-right:19px;

    border-radius:18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    float:right
}
.search-form {
    background:#fefefe;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    width:100%;
    overflow:hidden
}
#search-form input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.214em;
    width:170px;
    padding:10px 18px 11px;
    margin:0;
    color:#9d9d9d;
    border:none;
    background:none;
    float:left
}
#search-form a {
    display:block;
    width:38px;
    height:38px;
    text-indent:-5000px;
    background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;
    border-radius:0 8px 8px 0;
    -moz-border-radius:0 8px 8px 0;
    -webkit-border-radius:0 8px 8px 0;
    float:right
}
#search-form a:hover {
    background-color:#aaa
}
/* main menu */
.menu {
    width:100%
}
.menu li {
    float:left;
    position:relative;
    margin-right:1px
}
.menu li.last-item {
    margin:0
}
.menu li a {
    display: inline-block;
    width: 196px;
    font-size: 17px;
    line-height: 1.22em;
    padding: 18px 0 36px;
    margin-top: 10px;
    color: #FFF;
    background: #000;
    text-align: center;
    border-radius: 18px 18px 0 0;
    -moz-border-radius: 18px 18px 0px 0px;
    -webkit-border-radius: 18px 18px 0px 0px
}
.menu li a.active, .menu li a:hover {
    color: #003399;
    background: #fff;
    padding: 28px 0 36px;
    margin: 0
}
/* slider */
.slider-wrapper {
    overflow:hidden;
    width:984px;
    position:absolute;
    top:-16px;
    left:0;
    background:#fff;
    border-radius:0 18px 0 0;
    -moz-border-radius:0 18px 0 0;
    -webkit-border-radius:0 18px 0 0
}
.slider {
    height:403px;
    width:948px;
    margin:10px auto
}
.items {
    display:none
}
.pagination {
    position:absolute;
    top:0;
    z-index:999
}
.banner {
    width:400px;
    height:205px;
    position:absolute;
    top:92px;
    left:98px
}
.prev {
    display:block;
    width:22px;
    height:37px;
    text-indent:-5000px;
    position:absolute;
    left:25px;
    top:183px;
    z-index:99;
    background:url(../images/slider-control.png) left top no-repeat
}
.prev:hover {
    background-position:left bottom
}
.next {
    display:block;
    width:22px;
    height:37px;
    text-indent:-5000px;
    position:absolute;
    right:22px;
    top:183px;
    z-index:99;
    background:url(../images/slider-control.png) right top no-repeat
}
.next:hover {
    background-position:right bottom
}
.b1 {
    color:#0f0f0f;
    font-size:50px;
    line-height:1.2em;
    display:block;
    letter-spacing:-3px
}
.b2 {
    color: #00a9ff;
    font-size: 40px;
    line-height: 1.2em;
    display: block;
    text-transform: uppercase;
    letter-spacing: -4px;
    margin: -12px 0 13px -5px
}
*+html .b2 {
    margin:-12px 0 5px -5px
}
.b3 {
    color: #0f0f0f;
    font-size: 20px;
    line-height: 1.2em;
    display: block
}
/* content */
#content {
    width:100%;
    padding:px 0 40px;
    background:#fff;
    border-radius:18px 18px 0 0;
    -moz-border-radius:18px 18px 0 0;
    -webkit-border-radius:18px 18px 0 0;
    position:relative;
    z-index:2
}
#content .padding {
    padding:24px 12px 0
}
.spacer-1 {
    width:100%;
    background:url(../images/pic-1.gif) 217px 0 repeat-y
}
h2 {
    font-size:39px;
    line-height:1.9em;
    color:#0f0f0f;
    margin-bottom:5px;
    letter-spacing:-2px
}
h3 {
    font-size:30px;
    line-height:1.3em;
    margin-top:-5px;
    letter-spacing:-2px
}
h3 strong {
    display:block;
    color:#fefefe;
    margin-bottom:-11px
}
h4 {
    font-size:23px;
    line-height:1.2em;
    color:#fefefe;
    letter-spacing:-1px;
    margin-bottom:20px
}
h5 {
    color:#0f0f0f;
    text-decoration:underline;
    font-weight:normal
}
h6 {
    color:#0f0f0f;
    font-weight:normal;
    margin-bottom:5px
}
.border-bot {
    width:100%;
    padding-bottom:20px;
    background:url(../images/pic-1.gif) 0 bottom repeat-x
}
.box-bg {
    padding:33px;
    background:#e4e4e4
}
.box {
    width:100%;
    background:url(../images/box.png) center 0 no-repeat ;
    border-radius:19px;
    -moz-border-radius:19px;
    -webkit-border-radius:19px
}
.box h3 {
    margin-top:-8px
}
.box .pad {
    padding:28px 35px
}
.box.first .button {
    background:url(../images/button1.png) left top no-repeat
}
.box.first .button:hover {
    background-position:left bottom
}
.box.first .numb {
    background:url 0 0 repeat-x 
}
.box.second .button {
    background:url(../images/button2.png) left top no-repeat
}
.box.second .button:hover {
    background-position:left bottom
}
.box.second .numb {
    background:url 0 0 repeat-x 
}
.box.third .button {
    background:url(../images/button3.png) left top no-repeat
}
.box.third .button:hover {
    background-position:left bottom
}
.box.third .numb {
    background:url0 0 repeat-x 
}
.numb {
    display:inline-block;
    padding:3px 7px 6px;
    font-size:40px;
    line-height:1.2em;
    letter-spacing:-2px;
    color:#fefefe;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px
}
*+html .numb {
    padding:6px 7px 4px
}
.block-news {
    padding:27px 660px 30px;
    border:1px solid #eaeaea;
    background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;
    border-radius:18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px
}
.button {
    display:block;
    width:43px;
    height:43px;
    text-indent:-5000px
}
.button-2 {
    display:inline-block;
    font-size:19px;
    line-height:1.21em;
    letter-spacing:-1px;
    color:#fefefe;
    padding:9px 20px 11px;
    background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px
}
.button-2:hover {
    background:#3c3c3c
}
.list-1 li {
    line-height:24px;
    padding-left:10px;
    background:url(../images/marker.gif) 0 10px no-repeat
}
.list-1 li a {
    display:inline-block;
    color:#9d9d9d
}
.list-1 li a:hover {
    text-decoration:underline
}
.list-2 li {
    line-height:24px
}
.link {
    color:#9d9d9d
}
.link:hover {
    text-decoration:none
}
.link-1 {
    display:inline-block;
    font-size:14px;
    padding-right:8px;
    background:right 8px no-repeat
}
.link-1:hover {
    color:#fff
}
.text-1 {
    line-height:20px;
    margin:0
}
dl.address {
    line-height:24px;
    color:#9d9d9d
}
dl.address span {
    float:left;
    width:74px;
    color:#fefefe
}
dl.contact {
    line-height:20px;
    color:#9d9d9d
}
dl.contact span {
    display:block;
    color:#0f0f0f
}
dl.contact dt, dl.contact dd {
    margin-bottom:5px
}
.tdate-1 {
    font-size:20px;
    line-height:1.2em;
    color:#0f0f0f;
    text-align:center;
    letter-spacing:-2px;
    margin:-8px 16px 0 0
}
.tdate-1 strong {
    display:block;
    font-size:49px;
    line-height:1.2em;
    color:#00a9ff;
    margin-bottom:-10px
}
.tdate-2 {
    float:left;
    color:#0f0f0f
}
.news {
    padding-left:25px;
    background:url(../images/pic-1.gif) 0 0 no-repeat
}
#contact-form {
    display:block
}
#contact-form label {
    display:block;
    height:30px;
    overflow:hidden
}
#contact-form input {
    float:left;
    width:526px;
    font-size:13px;
    line-height:1.23em;
    color:#0f0f0f;
    padding:4px 10px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #ebebeb;
    background:none
}
#contact-form textarea {
    height:262px;
    overflow:auto;
    float:left;
    width:526px;
    font-size:13px;
    line-height:1.23em;
    color:#0f0f0f;
    padding:4px 10px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #ebebeb;
    background:none
}
.text-form {
    float:left;
    display:block;
    font-size:14px;
    width:73px;
    line-height:1.78em;
    color:#0f0f0f
}
.buttons {
    padding-top:16px;
    text-align:right
}
.buttons a {
    margin-left:6px;
    padding:9px 25px 11px
}
/* footer */
footer {
    width:100%;
}
.row-top {
    width:100%;
    padding:33px 0 42px;
    background:#0151a7
}
.row-padding {
    padding:0 62px
}
.row-bot {
    width:100%;
    padding:35px 0;
    font-size:12px;
    line-height:20px
}
.list-services li {
    line-height:24px;
    padding-left:28px
}
.list-services li a {
    color:#9d9d9d;
    text-decoration:none
}
.list-services li a:hover {
    text-decoration:underline
}
.list-services li.item-1 {
    background:url(../images/facebook.png) 0 3px no-repeat
}
.list-services li.item-2 {
    background:url(../images/twitter.png) 0 3px no-repeat
}
.list-services li.item-3 {
    background:url(../images/linkedin.png) 0 3px no-repeat
}
.footer-logo {
    display:block;
    color:#9d9d9d;
    font-size:60px;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:-3px;
    font-weight:400;
    margin-bottom:5px
}
.footer-logo strong {
    color:#00a9ff;
    text-transform:none;
    display:inline-block
}
.phone {
    display:inline-block;
    font-size:20px;
    line-height:1.2em;
    color:#9d9d9d;
    letter-spacing:-1px;
    padding-left:5px
}
.phone strong {
    color:#fff
}