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

}




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

}

body{
    background-color:white;
    font-family: 'PTSansRegular', Impact, sans-serif, Helvetica, Arial;
    /*font-family: Myriad Web Pro Condensed;*/
    font-size:14px;
    color:#333333;
}

#site_wrap {
    width:786px;
    margin:0 auto 0 auto;
    min-width:786px;
}

img {
    margin:0;
    padding:0;
    border:none;
    border-style: none;
}

.clear2 {
    clear:both;
}

/*Menu de navegacion*/
#navlinks {
    margin: 0; padding:0;
}

#navlinks ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

#navlinks li {
    float:left;	
}

/*#navlinks ul li a:link, #navlinks ul li a:visited{
    display:block;
    width:166px;
    font-weight:bold;
    color:#dae8f1;
    background-color:#002b4a;
    text-align:center;
    padding:15px;
    text-decoration:none;
    text-transform:uppercase;
}*/


/*.myButtonLink {*/
/*	display: block;*/
/*	width: 100px;*/
/*	height: 100px;*/
/*	background: url('/path/to/myImage.png') bottom;*/
/*	text-indent: -99999px;*/
/*}*/
/*.myButtonLink:hover {*/
/*	background-position: 0 0;*/
/*}*/

#navlinks ul li a.quien:link,  #navlinks ul li a.quien:visited
{
    width:196px;
    height:43px;
    display:block;
    background-color:#002b4a;
    /*background: url(../images/b_quienessomos.jpg);*/
    background: url(../images/quienes-somos.jpg) no-repeat;
    
}

#navlinks ul li a.mision:link, #navlinks ul li a.mision:visited
{
    width:196px;
    height:43px;
    display:block;
    background-color:#002b4a;
    /*background: url(../images/b_mision.jpg) no-repeat;*/
    background: url(../images/mision-doble.jpg) no-repeat;
    

}

#navlinks ul li a.vision:link, #navlinks ul li a.vision:visited
{
    width:197px;
    height:43px;
    display:block;
    background-color:#002b4a;
    /*background: url(../images/b_vision.jpg) no-repeat;*/
    background: url(../images/vision-doble.jpg) no-repeat;
}

#navlinks ul li a.contacto:link, #navlinks ul li a.contacto:visited
{
    width:197px;
    height:43px;
    display:block;
    background-color:#002b4a;
    /*background: url(../images/b_contacto.jpg) no-repeat;*/
    background: url(../images/contacto-doble.jpg) no-repeat;
    

}


/*#navlinks ul li a:hover,a:active{
background-color:#b5c8d3;
color:#002144;
}*/


#navlinks ul li a.quien:hover,a.quien:active
{
    /*background:url(../images/quienes-somos.jpg) no-repeat 0px -43px ;*/
/*margin-top:-43px;*/
    background-position: 0 -43px;
/*background-position: -20 -20;*/
/*position:absolute; top:-43px;*/
/*height:43px;*/



/*background-color:#b5c8d3;*/
/*color:#002144;*/
/*height:57px;*/
/*background: url(../images/b_quienessomos_hover.jpg) no-repeat;*/
}


#navlinks ul li a.vision:hover,a.vision:active
{
    background-position: 0 -43px;
/*background-color:#b5c8d3;*/
/*color:#002144;*/
/*height:57px;*/
/*background: url(../images/b_mision_hover.jpg) no-repeat;*/
}


#navlinks ul li a.mision:hover,a.mision:active
{
    background-position: 0 -43px;
/*background-color:#b5c8d3;*/
/*color:#002144;*/
/*height:57px;*/
/*background: url(../images/b_vision_hover.jpg) no-repeat;*/
}

#navlinks ul li a.contacto:hover,a.contacto:active
{
    background-position: 0 -43px;
/*background-color:#b5c8d3;*/
/*color:#002144;*/
/*height:57px;*/
/*background: url(../images/b_contacto_hover.jpg) no-repeat;*/
}


#logo{
    margin-top:40px;
    margin-right: 350px;
    height:70px;
    background:url('../images/expertos.jpg') no-repeat;
    
}



#rightmenu{
    margin-right:20px;
    margin-top:15px;
    float:right;
    height: 300px;
    width:200px;
    display:inline;
}

#rightmenu img{
    padding:5px;
}

#leftimage{
    width: 400px;
    float: left;
    margin-top:30px;
}



#rightmessage{
    float: right;
    width: 300px;
    margin-right: 70px;
    font-size:24px;
    /*font-family: Courier New, Courier, monospace;*/
}

.headermessage{
    font-family:'PTSansBold', Impact, sans-serif, Helvetica, Arial;
}

#rightfacebook{
    margin-bottom: 10px;
    color:#074684; 
    float:right;
    margin-right: 40px;
    margin-top: 100px;
}

#slides{
    margin-bottom:40px;
    margin-top:40px;
}

#data{
    /*width: 350px;*/
    width: 260px;
    margin-top:20px;
    float: left;
}

.inputbox {
width: 250px;
height:30px;
text-indent:10px;
display:block;
line-height: 1;
/*width: 342px;*/
/*height:44px;*/
margin: 0 0 1em 0;
border: none;
background:url('../images/textbox.jpg') no-repeat right top;
}

.inputarea{
    /*padding:20px 150px 0 5px;
    margin-top:20px;
    width: 250px;
    height:170px;*/
    background:url('../images/textarea.jpg') no-repeat;
    resize:none;
    border: none;
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 15px;
    width: 230px;
    height:140px;
}



#message{
    margin-top:30px;
    /*margin-right: 350px;*/
    width: 425px;
    height: 150px;
    font-size:16px;
    text-align: justify;
}


/************************footer*****************/

#footer{
    background:url('../images/footer2.jpg');
    height:75px;
    text-align:center;
    /*width:900px;*/
    width:800px;
    margin:0 auto 0 auto;
    padding-top:10px;
    font-size: 12px;
}

#footer_logo{
    background:url('../images/grupo.jpg') no-repeat;
    height:62px;
    /*margin-top:10px;*/
    margin-left: 50px;
    
}

#footer_text{
    /*font-family:sans-serif, Helvetica, Arial;*/
    font-size:12px;
    /*font-family: Myriad Web Pro Condensed;*/
    margin-right: 100px;
    color:#FFFFFF; 
    float: right;
    margin-top: 20px;
}

a, a:visited, a:active {
    color:#333333;
    text-decoration:none;
}

a:hover {
    color:#777777;
    text-decoration:none;
}

.mobilesOnly {
    /*visibility:hidden;*/
    color:#FFFFFF;
    text-decoration:none;
}

a.mobilesOnly:hover {
    color:#FFFFFF;
    text-decoration:none;
}