@import"reset.css";
@import"grid.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
body{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #a7a7a7;
	position: relative;
	min-width: 970px;
	background-image: url(images/body-bg.gif);
	background-position: 50% 0;
}
.ic {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}
html,body{height:100%;}
html {min-width:970px;}
/* Global Structure---------------------------------------- */
.main{margin:0 auto;position:relative;width:950px;}
.main-bg {background:url(../images/main-bg.jpg) no-repeat center 0;min-height:100%;}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{color:#454545;padding:0 0 20px 0;font-weight:normal;font-family: 'Open Sans', sans-serif;	text-shadow:1px 1px #fbfbfb;letter-spacing:-1px;}
h1{font-size:33px; line-height:39px;}
h2{font-size:30px; line-height:36px;}
h3{font-size:27px; line-height:32px;} 
h4{font-size:24px; line-height:30px;}  
h5{font-size:21px; line-height:26px;}
h6{font-size:18px; line-height:22px;}
h2 span {color:#ec8f23;text-transform:uppercase;}
.heading-1 {text-transform:uppercase;font-weight:bold;color:#ec8f23;padding:0 0 10px 0;}
/*----- text & typography -----*/
.str-1 {text-transform:uppercase;color:#ec8f23;font-weight:normal;}
.str-2 {text-transform:uppercase;}
.str-3 {color:#ec8f23;}
.str-4 {color:#454545;display:block;font-size:14px;padding:0 0 6px 0;}
.quote {font-size:12px;line-height:18px;position:relative;padding:0 0 15px 0;}
.quote:before {display:inline-block;background:url(../images/quote-before.png) no-repeat 0 0;content:"";width:18px; height:14px;margin:0 5px 0 0;}
.quote:after {display:inline-block;background:url(../images/quote-after.png) no-repeat 0 0;content:"";width:18px; height:14px;margin:0 0 0 6px;}
.quote-1 {background:url(../images/body-bg.gif);border-radius:6px;box-shadow:1px 1px 0 0 #fff;border:1px solid #d8d8d8;position:relative;margin:0 0 9px 0;}
.quote-1:after {display:block;content:"";background:url(../images/quote-1-marker.gif) no-repeat 0 0;width:22px;		height:22px;right:20px;bottom:-22px;position:absolute;}
.quote-1-inner {background:url(../images/quote-before.png) no-repeat 19px 30px;padding:28px 25px 29px 40px;		position:relative;}
.quote-1-inner:after {display:inline-block;background:url(../images/quote-after.png) no-repeat 0 0;content:"";		width:18px;height:14px;margin:2px 0 0 3px;}
.def-list-1 dt {display:block;color:#ec8f23;font-size:20px;line-height:24px;text-shadow:1px 1px #fff;font-family: 'Open Sans', sans-serif;padding:18px 0 5px 0;word-spacing:-1px;}
.def-list-1 dt a {text-decoration:none;}
.def-list-1 dt a:hover {color:#454545;}
.def-list-1 dd.extra {padding:0 0 6px 0;}
/*----- borders & lines -----*/
.hr-border {height:2px; background:url(../images/list-1-border.gif) repeat-x 0 0; margin:0 5px 12px 5px;}
.hr-border-1 {background:url(../images/list-1-border.gif) repeat-x 0 bottom; padding:0 0 10px 0;}
.hr-border-2 {height:2px; background:url(../images/list-1-border.gif) repeat-x 0 0;	margin:0 5px 35px 5px;}
.hr-border-3 {height:2px; background:url(../images/list-1-border.gif) repeat-x 0 0; margin:0 0 27px 0;}
/*----- boxes -----*/
.box-1 {background:#dcdcdc; border-radius:7px; box-shadow:1px 0 5px #bbb; text-align:center; padding:0 0 6px 0;
margin:0 0 16px 0; position:relative; z-index:2;}
.box-1 .inner {border-radius:7px 7px 0 0; background:url(../images/box-1-bg.gif) no-repeat center 0 #fff;
padding:22px 25px 11px 25px; position:relative; }
.box-1 h3 {padding-bottom:10px;}
.button-box {display:inline-block; background:url(../images/button-box-tail.gif) repeat-x 0 0; border-radius:6px; padding:5px 6px 0 6px; margin:0 0 -16px 0;}
.btn-container {position:absolute; bottom:-6px; left:0; right:0; text-align:center; }
.box-2 {background:url(../images/body-bg.gif); border-radius:6px; box-shadow:1px 1px 0 0 #fff; border:1px solid #d8d8d8; padding:19px 25px 29px 38px;}
.boxes-bg {position:relative;}
.boxes-bg:after {display:block;	position:absolute; content:""; background:url(../images/boxes-bg.png) no-repeat 0 0; left:-5px; top:-39px;	width:970px; height:131px; z-index:1;}
/*----- indents -----*/
.img-indent {float:left; margin:0 10px 0 0;}
.img-indent-1 {float:left; margin:0 10px 12px 0;}
.img-indent-bot {margin:0 0 14px 0;}
p {padding-bottom:18px; text-align:justify}
.p {padding-bottom:18px;}
.p0 {padding-bottom:0 !important;}
.p1 {padding-bottom:6px !important;}
.p2 {padding-bottom:12px !important;}
.p3 {padding-bottom:25px !important;}
.product{text-align:left; list-style:inside url(../images/fuel.gif)}
.a1 {margin:0 5px;}
.indent-bot {margin:0 0 18px 0;}
.indent-bot-1 {margin:0 0 33px 0;}
.indent-bot-2 {margin:0 0 37px 0;}
.inner-indent {padding:20px 35px 0 0;}
.indent-top {padding-top:20px;}
.indents-1 {margin:0 40px 0 0;}
.pad-right {padding-right:20px;}
/*----- lists -----*/
.list-1 {padding:0 0 20px 0;}
.list-1 li {display:block; padding:6px 0 6px; background:url(../images/list-1-border.gif) repeat-x 0 0; line-height:18px;}
.list-1 li:first-child {padding:0 0 6px 0; background:none;}
.list-1 li a {color:#ec8f23; display:inline-block; font-size:12px; text-decoration:none; text-transform:uppercase; padding:0 0 0 15px; background:url(../images/list-1-marker.gif) no-repeat 0 6px;}
.list-1 li a:hover {color:#454545;}
.list-2 {padding:0;}
.list-2 li {display:block; padding:6px 0 6px; background:url(../images/list-1-border.gif) repeat-x 0 0; line-height:18px;}
.list-2 li:first-child {padding:0 0 6px 0; background:none;}
.list-2 li a {color:#ec8f23; display:inline-block; font-size:12px; text-decoration:none; padding:0 0 0 15px;
background:url(../images/list-1-marker.gif) no-repeat 0 6px;}
.list-2 li a:hover {color:#454545;}
/*----- buttons & links -----*/
a {color:#ec8f23; text-decoration: underline; cursor:pointer;}
a:hover {text-decoration: none;}
.button {display:inline-block; font-size:14px; line-height:20px; padding:5px 14px 6px 14px; font-family: 'Open Sans', sans-serif; color:#fff; text-decoration:none; background:url(../images/button-tail.gif) repeat-x 0 0 #ec6b23; text-shadow:1px 1px #e36f15; border-radius:6px;}
.button:hover {background:url(../images/button-tail.gif) repeat-x 0 bottom #e5b81d;}
.link {text-decoration: underline; color:#ec8f23; text-transform:uppercase; font-size:11px;}
.link:hover {text-decoration: none;}
/*********************************header*************************************/
#header{background-image:url(../images/CABECERAS/FONDO1.PNG); height:200px; border-bottom:solid 3px #000000;    background-size: cover;}
.logotipo{margin-left: -92px; float: left;}
#box-text{}
#phone-number{height:50px; margin-top:30px; color: #454545; display: inline-block; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 21px; text-align: right; text-shadow: 1px 1px #FBFBFB; text-transform: uppercase;}
/********************** Slider ************************/
.mp-slider .items {display:none;}
.mp-slider {overflow:visible !important;}
.slider-container {position:relative; z-index:1; height:433px; width:950px; margin:10px 0px 0px 0px; padding:0 0 52px 0;}
.slider-container .pic, .mp-slider {border-radius:9px; box-shadow:0 0 5px #d4d4d4;}
.slider-container .mask {border-radius:9px;}
.pagination {position:absolute;	bottom:-29px; left:0; right:0; text-align:center;}
.pagination li {display:inline-block; margin:0 1px;}
.pagination li a {display:block; width:20px; height:20px; background:url(../images/slider-pagination.png) no-repeat right 0;}
.pagination li.current a, .pagination li a:hover {display:block; width:20px; height:20px; background:url(../images/slider-pagination.png) no-repeat 0 0;}
/********************** Content ************************/
section#content {position:relative;  z-index:1; padding:0 0 18px 0;}
.author {color:#454545; font-size:14px;}
.author em {display:block; font-weight:bold;}
.dropcap {float:left; font-size:40px; line-height:48px; color:#454545; text-shadow:1px 1px #fff; margin:0 5px 0 0; width:40px;}
iframe {width:850px; height:300px; border:1px solid #cfcfcf; border-radius:6px;	margin:0;}
.map-container {padding:0 0 22px 0;}
.adress {padding:0 0 20px 0;}
.adress dt {display:block; font-weight:normal; font-size:12px; line-height:18px; text-transform:uppercase;}
.adress dd {font-size:12px; line-height:18px; overflow:hidden;}
.adress dd span {float:left; width:75px; text-align:right; margin:0 10px 0 0; text-transform:uppercase;}
/******************** Footer ******************/
footer {width:950px; margin:20px auto; background:url(../images/list-1-border.gif) repeat-x 0 0; color:#a7a7a7; font-size:12px; padding:35px 0; overflow:hidden;}
footer a {color:#a7a7a7;}
.copyright {padding:0; float:left;}
.footer-logo {display:inline-block; background:url(../images/footer-logo.png) no-repeat 0 0; width:100px; height:31px; overflow:hidden; text-indent:-99em; margin:-5px 0 -5px;}
.social-list {float:right; border-radius:4px; background:url(../images/social-list-bg.png); padding:5px 4px;}
.social-list li {display:inline-block; width:17px; height:17px; padding:0 1px;}
.social-list li a {display:block;}
.social-list li a:hover img {opacity:0.5;}
/********************Navigation******************/
#navigation{height:50px; margin-top:20px; margin-left:50px;position: relative;}
.phone{color: #EC8F23; display: inline-block; font-size: 18px; line-height: 22px; margin: -3px 0 0;}
/* Menu */
#menu{width: 122%;margin: 0; padding: 10px 0 0 0; list-style: none; background: #111;	background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0 2px 1px #9c9c9c; -webkit-box-shadow: 0 2px 1px #9c9c9c; box-shadow: 0 2px 1px #9c9c9c;}
#menu li{ float: left; padding: 0 0 10px 0; position: relative;}
#menu a{ float: left; height: 25px; padding: 0 25px; color: #999; font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; }
#menu li:hover > a{ color: #fafafa;}
*html #menu li a:hover{ /* IE6 */ color: #fafafa;}
#menu li:hover > ul{ display: block;}
/* Sub-menu */
#menu ul{ list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px;
 left: 0; z-index: 99999; background: #444; background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111);	background: linear-gradient(#444, #111);	
-moz-border-radius: 5px; border-radius: 5px;}
#menu ul li{ float: none; margin: 0; padding: 0; display: block;  -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#menu ul li:last-child{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#menu ul a{padding: 10px; height: auto; line-height: 1; display: block; white-space: nowrap;
float: none; text-transform: none; }
*html #menu ul a{ /* IE6 */  height: 10px; width: 150px; }
*:first-child+html #menu ul a{ /* IE7 */ height: 10px; width: 150px;}
/*#menu ul a:hover{ background: #0186ba;	background: -moz-linear-gradient(#444,  #0186ba);	
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#0186ba));
background: -webkit-linear-gradient(#444,  #0186ba); background: -o-linear-gradient(#444, #0186ba); background: -ms-linear-gradient(#444,  #0186ba); background: linear-gradient(#444,  #0186ba);}*/
#menu ul li:first-child a{-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
#menu ul li:first-child a:after{content: ''; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #444;}
#menu ul li:first-child a:hover:after{ border-bottom-color: #444; }
#menu ul li:last-child a{ -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;}
/* Clear floated elements */
#menu:after{visibility: hidden;	display: block; font-size: 0; content: " "; clear: both;	height: 0;}
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
/*Menu Toolbar End*/
/****************Boxin**************/
#conteiner{
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2);
	background-color: #FFF;
	margin: 10px 0px 10px 0px;
	width: 852px;
	height: 500px;
}
#cuerpo{width:900px; height:500px;}
#conteiner{position: absolute; z-index: 0;}
#conteiner:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
.sectiontitle{max-width: 100%; height: 35px; background: url(../images/devider.png) 0 10px repeat-x;margin: 50px auto 0;text-align: center;}
.sectiontitle.leftside {max-width: 100%; height: 35px; background: url(../images/devider.png) 0 10px repeat-x;margin:50px 20px 20px 20px;text-align: center;}
.section_divider_title {color: #333333; font-size: 22px; font-weight:bold; background: #FFFFFF; position: relative; text-align: center; padding: 20px;}
#vision { width:60% ;float:left; margin-top:30px; font-size:13px;}
#imagenvision { width:30% ;float:left; width:180px; margin-top:20px;}
#mision { width:70% ;float:left; margin-left:10px; margin-top:120px; font-size:13px;}
#imagenmision { width:30% ;float:left; width:180px;}
#text-1 { width:70% ;float:left; margin-top:20px; margin-left:20px; font-size:13px;}
#img-1 {float:left; width:180px; margin-top:20px;}
#text-2 { width:70% ;float:left; margin-left:10px; margin-top:20px; font-size:13px;}
#img-2 { float:left; width:180px; margin-top:20px;}
.columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
#img-org{margin:30px 0 0 0}
#cuerpo-large{width:1200px; height:700px;}
#conteiner-large{box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 100px 10px 10px; width:960px; height:700px;}
#conteiner-large{position: absolute; z-index: 0;}
#conteiner-large:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
.center{margin-left:400px; color:#333;}
#conteiner-mediun{box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 0px 10px 0px;  width:900px; height:800px;}
#cuerpo-mediun{width:900px; height:800px;}
#conteiner-mediun{position: absolute; z-index: 0;}
#conteiner-mediun:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px;bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
#conteiner-xlarge{box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 0px 10px 0px;  width:900px; height:1100px;}
#cuerpo-xlarge{width:900px; height:1100px;}
#conteiner-xlarge{position: absolute; z-index: 0;}
#conteiner-xlarge:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
.uljust li{text-align:justify}
#xlarge{margin:20px 0px 0px 50px}
#conteiner-xmlarge{box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 0px 10px 0px; width:900px; height:900px;} 
#cuerpo-xmlarge{width:900px; height:900px;}
#conteiner-xmlarge{position: absolute; z-index: 0;}
#conteiner-xmlarge:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
.uljust li{text-align:justify}
#xmlarge{margin:20px 0px 0px 50px}
#oplaboral { width:60% ;float:left; margin-left:120px ;margin-top:30px; font-size:13px;}
#imagenoplaboral { width:40% ;float:left; width:180px; margin-top:20px;}
#oportunidad {margin-top:30px; font-size:13px;}
#imgoportunidadl{float:left; }
#textoportunidadl{float:left; text-align:left; margin:0px 0px 0px 30px}
#vfbuttom{float:left; margin:10px 0px 20px 100px}
#conteiner-xxlarge{box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 0px 10px 0px;  width:900px; height:1500px;}
#cuerpo-xxlarge{width:900px; height:1500px;}
#conteiner-xxlarge{position: absolute; z-index: 0;}
#conteiner-xxlarge:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}

.button01 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	width:200px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button01:hover {
	text-decoration: none;
}
.button01:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination01 {
    background: #f2f2f2;
    padding: 7px;
    margin-bottom: 0px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination01.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
#reglamentacionormativa{width:70%; float:left;}
#imagenreglamentacionormativa{width:30%; float:left;}
ul.arrow li { font-size:12px; padding: 6px 0 6px 20px; border-bottom:1px solid #f5f5f5;  background-image: url(../images/li-bg.png); background-repeat: no-repeat;background-position: 0 50%; list-style: none; text-align:justify}

.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.accordion li {
	list-style: none;
}

/* Layout & Style */

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 0 10px 0 40px;
	height: 32px;

	color: #fdfdfd;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);

	background: #6c6e74;
	background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
	background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
	background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
	background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
	background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li:hover > a,
.accordion > li:target > a {
	color: #3e5706;
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	/*background: url(../img/active.png) repeat-x;*/
	background: #a5cd4e;
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top,  #FFCC00 0%,#F1CE43 100%);
	background: -o-linear-gradient(top,  #FFCC00 0%,#F1CE43 100%);
	background: -ms-linear-gradient(top,  #FFCC00 0%,#F1CE43 100%);
	background: linear-gradient(top,  #FFCC00 0%,#F1CE43 100%);	
}

.accordion li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
	
	font: normal bold 12px/18px Arial, sans-serif;
	background: #404247;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.accordion > li:hover > a span,
.accordion > li:target > a span {
	color: #fdfdfd;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
	background: #3e5706;
}

/* Images */

.accordion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;

	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before { background-position: -72px -24px; }

/* Sub Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px Arial, sans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.accordion li:target > .sub-menu {
	height: 98px;
}
#wrapper-600{width:400px}
#conteiner-slarge{box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2); background-color:#FFF; margin: 10px 0px 10px 0px;  width:900px; height:750px;}
#cuerpo-slarge{width:900px; height:750px;}
#conteiner-slarge{position: absolute; z-index: 0;}
#conteiner-slarge:before{content: ''; position: absolute; z-index: -1; border: 1px dashed #ccc; top: 5px; bottom: 5px; left: 5px; right: 5px; -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}

/*para popup*/
.pop1
{
	border: 0;
	text-align: center;
}
.popup
{
	text-align :center;	
}
.cerrar
{
	text-align :right;
}

#topbar{
position:absolute;
padding: 2px;
width: 100px;
visibility: hidden;
z-index: 100;
margin: 0px 0px 0px 0px;
}
.tituloPopup
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000099;
    font-size: 8pt;
    text-align: center;
    font-weight: bold;
	line-height: 150%;
}
.linkPopup
{
    font-family:Arial, Helvetica, sans-serif;
    color:#000099;
    font-size:8pt;
}