body
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
font-size:100%;
color:#6c7b81;
text-align:center;
margin:auto;
position:relative;
text-decoration:none;
}
img {
border:0;
}
.clear{
clear:both;
}
h1{
color:#4cb4e6;
font-size:150%;
font-weight:bold;
padding:15px 0 15px 0;
margin:0px;
clear:both;
text-align:center;
}
h1.orange{
color:#f36d21;
}
h2{
color:#4cb4e6;
font-size:125%;
font-weight:bold;
padding:15px 0 15px 0;
margin:0px;
clear:both;
}
h2.subti{
font-size: 110%;
padding: 10px 0 10px 0;
color:#f36d21;
text-align:justify;
margin:0 3%;
}
h2.gris{
font-weight: normal;
font-size: 100%;
color:#6c7b81;
text-align:justify;
}
p{
padding:5px 0 5px 0;
margin:0px;
font-size:80%;
text-align:justify;
line-height:20px;
}
.wrap{
margin:auto;
width:100%;
text-align:left;
position:relative;
}
.header{
margin:auto;
width:100%;
height:300px;
position:relative;
background:url(images/bgizqgr.jpg) repeat-x center center;
}
.banner{
text-align:center;
height:200px;
padding: 5px 0 0 0;
}
.marcobanner{
padding:20px 0 0 0;
height:230px;
background:url(images/marcobanner.jpg) no-repeat center center;
}
#menu{
position:relative;
width:800px;
margin:0 auto;
text-align:center;
height:28px;
padding:15px 10px 0 0;
}
#menu ul{
display:block;
list-style:none;
text-align:center;
margin:0 auto;
}
#menu ul li{
display:inline;
padding:0px;
margin:0 auto;
text-align:center;
}
#menu ul li a{
width:130px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
}
#menu ul li.selected a{
width:130px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
background:url(images/menu_bt_a.gif) no-repeat center;
}
#menu ul li a:hover{
background:url(images/menu_bt_a.gif) no-repeat center;
}
/*----------Intro--------------*/
.fondointro{
background: url(images/bgintro.jpg) repeat-x center center;
width:100%;
height:575px;
}
.intro{
text-align:center;
height:480px;
padding: 0 0 0 0;
}
.marcointro{
margin:0 0 0 0;
padding:2% 0 0 0;
height:500px;
background:url(images/marcointro.jpg) no-repeat center center;
}

/*--------------home_center_content-----------------*/
.home_center_content{
overflow:hidden;
margin:auto;
width:100%;
padding:0px;
height:341px;
background: url(images/bgpropio.jpg) repeat-x;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.center_text{
width:50%;
padding: 0 0 0 5%;
height:330px;
float:left;
display:inline;
margin:2% 0 0 1%;
text-align:center;
}
.center_text p{
color:#FFFFFF;
line-height:2em;
}
.big_title{
font-size:2em;
color:#FFFFFF;
padding:0 0 10px 0;
}
.big_title span{
font-weight:bold;
color:#4cb4e6;
}
.center_button_icons{
width:50%;
overflow:hidden;
margin:6px 0 0;
padding:0 0 0 5%;
}
.center_button_icons li{
width:106px;
float:left;
overflow:hidden;
padding:0px 5% 0;
text-align:center;
}
.center_button_icons li a{
font-size:10px;
text-decoration:none;
}
.center_button_icons li a:hover{
color:#99FFFF;
}
.right_img{
float:left;
width:384px;
height:281px;
text-align:center;
padding:10px 0 0 0;
background:url(images/photo_frame.jpg) no-repeat center;
display:inline;
margin:16px 0 0 48px;
}
/*--------------main_content-----------------*/
.main_content{
width:100%;
clear:both;
padding:0 0 30px 0;
background:url(images/contemed.jpg) repeat-x center top #fff;
}
.left_content{
width:40%;
margin:auto;
float:left;
padding:0 2.5% 0 10%;
}
.right_content{
width:40%;
float:left;
padding:0 5% 0 2.5%;
text-align:center;
margin:0 auto;
}
.right_content a{
text-decoration:none;
}
.wide_content{
width:80%;
padding:0 0 0 0;
margin: 0 10% 0 10%;
}
.wide_content p{
line-height: 25px;
font-size: 90%;
text-align:justify;
}
.news_box{
float:left;
width:390px;
clear:both;
padding:0 0 20px 0;
}
img.news_thumb{
float:left;
}
.news_content{
width:305px;
float:left;
padding:0 0 0 15px;
}
/*-----------La Empresa-----*/
ul.valores{
list-style-image:url(images/n.jpg);
text-align:left;
line-height:160%;
font-size:93%;
}
/*-----------Servicios-------*/
.wide_servi{
width:90%;
padding:0 0 0 0;
margin: 0 5% 0 5%;
}
.wide_servi h1{
width:80%;
margin: 0 10% 0 10%;
}
.wide_servi h2{
width:80%;
margin: 0 10% 0 10%;
}
.itemservizq{
width:30%;
float:left;
text-align:center;
padding:0 0 0 0;
}
.itemservmed{
width:30%;
text-align:center;
float:left;
padding:0 0 0 0;
margin: 0 0 0 5%;
}
.itemservder{
width:30%;
float:right;
text-align:center;
padding:0 0 0 0;
}

.itemservizq h2{
color:#f36d21;
text-align:center;
}
.itemservmed h2{
color:#f36d21;
text-align:center;
}
.itemservder h2{
color:#f36d21;
text-align:center;
}
/*---------------Portfolio--------------*/
.itemport{
width:44.8%;
float:left;
text-align:center;
padding:2.5%;
margin: 0 auto;
}
.itemport h2{
color:#f36d21;
text-align:center;
padding:0;
margin:0;
}

/*---------------Contacto y Empleo------------------*/
.left_contacto{
width:35%;
margin:0 auto;
float:left;
padding:0 0 0 15%;
}
.right_contacto{
width:40%;
float:right;
padding:0 10% 0 0;
text-align:center;
margin:0 auto;
}
.contact_form{
float:left;
padding:10px 0 20px 0;
}
.form_row{
width:360px;
clear:both;
padding:12px 0 12px 0;
color:#a53d17;
}
label.contact{
width:20%;
float:left;
font-size:14px;
font-weight:bold;
text-align:right;
padding:4px 15px 0 0;
color: #868788;
}
input.contact_input{
width:70%;
height:1.5em;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:0.9em;
margin:3px 0 0 0;
padding:3px 0 0 5px;
}
select.contact_select{
width:72%;
height:1.5em;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:1em;
margin:3px 0 0 0;
padding:3px 0 0 5px;
}
textarea.contact_textarea{
width:70%;
height:10em;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.send{
cursor:pointer;
float:right;
padding:0px 5px 4px 10px;
margin: 0 10px 0 0;
}
.contact_info{
padding:5px 0 0 25px;
font-size:1.1em;
text-align:center;
margin:0 auto;
}
#mail{
display:block;
list-style-image:url(images/mail_icon.gif);
text-align:center;
margin:0 auto;
}
#mail a{
color:#000;
}
#telefono{
display:block;
list-style-image:url(images/teleicon.gif);
text-align:center;

}
#telefono li{
color:#000;
vertical-align:top;
}
/*--------------------footer-------------*/
.footer{
width:100%;
background:url(images/footer_bg.gif) repeat-x top;
}
.footer_content{
width:960px;
margin:auto;
padding:0 0 30px 0;
}
.footer_tab1{
width:960px;
float:left;
padding:0 0 0 30px;
color:#000;
}
.footer_copyrights{
clear:both;
border-top:1px #9c9c9c dotted;
color:#000;
padding:10px 0 10px 0;
}
.footer_copyrights a{
color:blue;
}
.footer_tab3{
width:960px;
padding:0 0 0 30px;
}
.footer_links{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
padding:0px;
}
.footer_links ul {
display:block;
list-style:none;
text-align:center;
margin:0 auto;
}
.footer_links ul li{
display:inline;
padding:0px;
margin:0 auto;
text-align:center;
}
.footer_links ul li a{
width:150px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
font-size:13px;
line-height:28px;
color:#6c7b81;
border-right:0.2em solid #e2e2e2;
}
.footer_links ul li a:hover{
color:#000000;
}