@charset "utf-8";
@font-face {
    font-family: 'Designio_regular';
    src: url('fuente/designio_regular-webfont.eot');
    src: url('fuente/designio_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuente/designio_regular-webfont.woff2') format('woff2'),
         url('fuente/designio_regular-webfont.woff') format('woff'),
         url('fuente/designio_regular-webfont.ttf') format('truetype'),
         url('fuente/designio_regular-webfont.svg#designioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'Designio';
    src: url('fuente/designio_medium-webfont.eot');
    src: url('fuente/designio_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuente/designio_medium-webfont.woff2') format('woff2'),
         url('fuente/designio_medium-webfont.woff') format('woff'),
         url('fuente/designio_medium-webfont.ttf') format('truetype'),
         url('fuente/designio_medium-webfont.svg#designio_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { margin:0; padding:0; width:100%; background:#f2f2f2; font-family: 'Designio'; font-size: 16px;}
html { padding:0; margin:0;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.4em;}
/* main */
.main { margin:0; padding:0;}
.main_resize { margin:0 auto; padding:0 10px; width:958px; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff;}
.main_resize h2 { font:normal 22px;  color:#2a2a2a; padding:10px 30px; margin:0;}
.main_resize h2 span {  font: italic 11px; color:#b1b1b1;}
.main_resize h3 { font:normal; color:purple; padding:20px 5px; margin:0; text-align:right;}
.main_resize h4 { font:  italic; color:purple;text-align: center;}
.main_resize h4 span{ font:  bold; color:purple;text-align: center; text-transform: uppercase;}
.main_resize p { font:normal 13px; color:#606060; line-height:1.8em; padding:5px; margin:0;text-align: justify;}
.main_resize p span {   font: color:#b1b1b1; italic 11px; line-height:1.8em;}
.main_resize a { color:#2d75c0; text-decoration:none;}
.main_resize img { margin:5px auto; padding:0;}
.main_resize ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font:normal 12px; color:#2d75c0;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left { width:250px; float:left; padding:0 0 0 5px; margin-top:-80px;}
.main_right { width:680px; float:right; padding:0; margin-top:0;}
.main_rightt { width:960px; padding:0; margin-top:250px;}
.main_righth { width:960px; padding:0; margin-top:0px;}
.sub_left { width:240px; float:left; padding:0 0 0 0px; margin-top:0;}
.sub_right { width:430px; float:right; padding:0; margin-top:0;}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}
/* header */
.header { padding:0 0 20px 0; margin:0 auto; border-bottom:1px solid #dfdfdf;}
/* logo */
.logo {padding:0; margin:0; width:232px; float:left; margin-top: 15px;}
.logo img { margin:0px; padding:0px;}
/*menu*/
.menu { width:655px; padding:10px 0 0 0; margin:0; float:left; }
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { display:inline;  margin:0; padding:0; border:0; background:none;}
.menu ul li a {  display:inline; margin:0; padding:11px; color:#5a5a5a; font:normal 14px; text-decoration:none;}
.menu ul li a:hover { background: #FF4500; color:#fff;}
.menu ul li a.active {  background: #FF4500; color:#fff;}
 
 #menu2 {  text-align: center;
font-family: 'Designio';
font-size: 1.25em;
width: 980px;
margin-left: -15px;

}
#menu2 ul { list-style-type: none;}
#menu2 ul li.nivel1 { float: left;
width: 182px;
margin-right: 2px;
}
#menu2 ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #50177d;
border: solid 1px #fff;
padding: 8px;
position: relative;

}
#menu2 ul li:hover {position: relative;
}
#menu2 ul li a.active {background-color: #9d80b2;
}
#menu2 ul li a:hover, #menu2 ul li:hover a.nivel1 {background-color: #9d80b2;
color: #fff;
position: relative;
}
#menu2 ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu2 ul li ul {display: none; z-index: 999999; margin-left: -40px; 
}
#menu2 ul li a:hover ul, #menu2 ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu2 ul li ul li a {width: 180px;
padding: 6px 0px 8px 0px;


border-top-color: #000;
}
#menu2 ul li ul li a.eco {background:url(images/simboloecoexperience.png) #1e950a no-repeat left; color: #000; font-weight: bold; }
#menu2 ul li ul li a.infa {background:url(images/simboloinfalliblArts.png) #edcf1f no-repeat left; color: #000; font-weight: bold; }
#menu2 ul li ul li a.psl {background:url(images/simbolopsl.png) #f48915 no-repeat left; color: #000; font-weight: bold; }
#menu2 ul li ul li a.tec {background:url(images/simbolotechnodreams.png) #2453dd no-repeat left; color: #000; font-weight: bold; }

#menu2 ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
 /* click */
.click { width:250px; float:right; padding:0; margin:0; text-align:left;}
.click p { font: normal 12px; color:#959595; padding:0; margin:0;}
/* slider_main */

.slider_main { margin-top:0px; padding:0;}
.slider_main .leftt { float:left; width:252px; padding:0; margin:0;}
.slider_main .leftt h2 { font: normal 24px; color:#616161; padding:71px 0 0 24px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 12px; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 10px;}
/* search */
.search { padding:0; margin:0 auto 30px auto;}
.search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
.search p { font: bold 13px; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
.search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
.search form .keywords { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* text */
.right_text { border-top:0px solid #dadada; background:#fff; padding:0; margin:0 0 0 0;}
.right_text p { font: normal 21px; color:#7e7e7e; padding:5px; margin:0;}
.left_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 0 0;}
.left_text p { font: normal 14px; color:#7e7e7e; padding:10px; margin:0; line-height: 1.7em;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222222; font: normal 12px; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:0;  margin:0;}
.footer_resize { width:980px; margin:0 auto; padding:0; background:#9d80b2;}
.footer p { font:normal 11px; color:#000;}
.footer a { font:normal 11px; color:#1a1a1a; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:450px; margin:0; padding:8px 0 0 0; float:right;} 
.footer p.rightt { text-align:right; width:220px; margin-top:-150px; margin-right: 25px; float:right;} 
.footer p.leftt { text-align:left; width:700px; margin:0; padding:0; float:left; font-family: 'Designio'; font-size: 0.8em; text-align: justify;} 
.footer h2 {padding: 0px 20px;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}
.bg_p {  clear:both; border-top:2px solid purple; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}
/* Slider */
#slider {  width:675px; padding:-10px 0 0 0; margin:0; height:390px; float:right;}
#slideshow { margin:0 auto; width:653px;  height: 506px; }
.slider-item { height: 506px; margin:0 auto; padding:0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 678px; margin:0 auto; padding:0; }
.controls-center h2 { width:600px; font: italic 22px; color:purple; padding:85px 0 0 20px; margin:0; text-align: center;}
.controls-center h3 { text-align:right; font: normal; color:#111; padding:10px 20px 15px 0; margin:0;}
.controls-center p {text-align:center; width:400px; float:left;  font: normal 14px; color:#6d6d6d; padding:3px 0 0 20px; margin:0;}
#slider_controls { float: right; margin-right:15px;  width:90px;}
#slider_controls ul { margin:0 auto; padding:0; width:74px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }
.valores{list-style:none; color:#7e7e7e}
.tel {color:#800000; font: normal 18px Century;}

.parrafo {width:650px; text-align: justify; }
.datos {font: bold 36px; color:#959595;margin-top: -5px; line-height: -5px;}
.datoss {font: normal 16px; color:#959595;margin-top: -5px; line-height: 38px;}
.lista {font:normal 13px; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.lista li {list-style: none;background:url('images/bullet.jpg') no-repeat; padding: 0 0 10px 45px; line-height: 20px;}
.cuadro {border:2px solid purple; padding: 10px; }