* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 19px;
	/*font-family: arial, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	min-width: 956px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(http://sustentavid.org/images/bg-sus.jpg);
}

a {
	color: #5f899e;
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

h4 {
	font-weight: bold;
}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { padding-top: 20px; }

.shell {
	width: 1040px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.container { 
	background: #fff;  
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-left: 20px;
}
#logo {
	width: 230px;
	float: left;
	margin-left: 20px;
}
#logo a {
	height: 130px;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background-image: url(http://sustentavid.org/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}



#navigation {
	height: 35px;
	line-height: 35px;
	float: left;
	position: relative;
	z-index: 1000;
	text-transform: uppercase;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 25px;
}
#navigation ul {
	list-style: none;
	list-style-position: outside;
	font-size: 10px;

	background-repeat: no-repeat;
	background-position: bottom;
}
#navigation ul>li {
	float: left;
	position: relative;
	padding-right: 2px;
	/*linea divisora*/background-image: url(http://sustentavid.org/images/navigation-border2.png);
	background-repeat: no-repeat;
	background-position: right 0;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cbd66e;
	margin-right: 2px;
	margin-left: 2px;
}


#navigation ul >li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #83a9bc;
}

#navigation ul>li+li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #493572;
}

#navigation ul>li+li+li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #7ea27e;
}

#navigation ul>li+li+li+li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #996186;
}

#navigation ul>li+li+li+li+li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #f45e1c;
}

#navigation ul>li+li+li+li+li+li+li {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #b7aabb;
}

/*#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7e1e8 !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #d7e1e8 !important; }*/
#navigation ul li a {
	color: #382015;
	float: left;
	background-image: url(http://sustentavid.org/images/navigation2.png);
	background-repeat: repeat;
	background-position: 0 0;
	text-decoration: none;
	z-index: 9999;
	
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#navigation ul li a:hover,
#navigation ul li.active a {
	color: #38203D;
	text-decoration: none;
	background-color: #E3E4CF;
	/*background-image: url(http://sustentavid.org/images/navigation-a2.png);*/
	background-repeat: repeat;
	background-position: 0 0;
}

#navigation ul li a span {background: url(http://sustentavid.org/images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px;}

#navigation ul li ul {
	display: none;
	float: none;
	line-height: 28px;
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	border-radius:0px;
	
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
	padding-top: 8px;
}
#navigation ul li:hover ul { display: block; }

#navigation ul li ul li {
	display: block;
	float: none;
	padding: 0;
	 border-radius:0px;
	 border-bottom: none !important;
	 border-top: none! important;
	
} 
#navigation ul li ul li a {
	float: none;
	display: block !important;
	font-size: 12px;
	background-color: #9b8fba;
	background-image: none;
	text-decoration: none;
	line-height: 25px;
	font-weight: normal;
	text-transform: none;
	height: 30px;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 18px;
	width: 190px;
	color: #ffffff;
	border-radius:0px;
	border-right: 0px !important;
	border-left: 0px!important;
}
#navigation ul li ul li a:hover {
	float: none;
	display: block;
	background-color: #EBEBDC;
}
#navigation ul li.last ul li a {
	padding: 0 18px !important;
	float: none;
	display: block;
	 border-radius:0px;
}
#navigation ul li ul li a.first {
	padding-top: 8px;
	background-image: url(http://sustentavid.org/images/ulblue.jpg);
	background-position: 0px 8px;
	background-color:transparent !important;
 }
 
 

#navigation ul li ul li.last a { border-right:0px !important; border-left:0px !important;}
#navigation ul li ul li.first a {border-right:0px !important; border-left:0px !important; }

.main h3 { color: #293237; font-size: 19px; line-height: 21px; font-weight: normal; }
.main h3 a { color: #293237; }

.flexslider { width: 892px; height: 331px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 27px; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { width: 892px; height: 331px; float: left; }
.flexslider ul li img { width: 892px; height: 331px; }
.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	padding-bottom: 17px;
	display: block;
	float: right;
	height: 200px;
	width: 300px;
	margin-top: 20px;
	text-align: right;
}
.flexslider ul li .slide-cnt p { color: #1f3e50; line-height: 26px; }
.flexslider ul li  slider-btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	min-width: 176px;
	height: 34px;
	margin-left: -88px;
	background: #fff;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	color: #7F4F27;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	line-height: 36px;
}

.flexslider ul li  a.slider-btn:hover {
	text-decoration: none;
	color: #71A354;
}
.flexslider ul li  a.slider-btn span { background: url(http://sustentavid.org/images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section {
	padding-top: 0;
	padding-right: 32px;
	padding-bottom: 5px;
	padding-left: 32px;
}
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols {
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-color: #FFF;
}
.cols h2 {
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 10px;
}
.cols h3 {
	padding-bottom: 7px;
	font-size: 13px;
}
.cols p { padding-bottom: 10px;  }
.cols .col {
	width: 212px;
	float: left;
	margin-right: 7px;
	margin-left: 9px;
}
.cols .col+.col { padding-left: 14px; }
.cols .col a.col-btn {
	float: left;
	border: 1px solid #DBDCCF;
	height: 21px;
	line-height: 21px;
	text-align: center;
	padding: 0 15px;
	color: #324957;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;
	background-image: url(http://sustentavid.org/images/navigation.png);
	background-repeat: repeat;
	background-position: 0 0;
}

.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }
.noticia_img {
	display: block;
	padding: 0px;
	height: 120px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
.noticia_img img {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 200px;
}

.box {
	padding: 19px 32px 29px 32px;
	position: relative;
	height: 100%;
	background-position: 0 0;
	background-image: url(http://sustentavid.org/images/box2.png);
}
.box span.shadow-t {
	width: 956px;
	height: 11px;
	background: url(http://sustentavid.org/images/box-shadow-t.png) no-repeat 0 0;
	position: absolute;
	top: 71px;
	left: 28px;
	display: block;
}
.services span.shadow-t {
	width: 956px;
	height: 11px;
	background: url(http://sustentavid.org/images/box-shadow-ts.png) no-repeat 0 0;
	display: block;
	margin: 0px;
	padding: 0px;
}
.services2 span.shadow-t {
	width: 956px;
	height: 11px;
	background: url(http://sustentavid.org/images/box-shadow-t.png) no-repeat 0 0;
	display: block;
	margin: 0px;
	padding: 0px;
}
.cols span.shadow-t {
	width: 956px;
	height: 11px;
	background: url(http://sustentavid.org/images/box-shadow-t.png) no-repeat 0 0;
	display: block;
	margin: 0px;
	padding: 0px;
}
.box span.shadow-b { width: 956px; height: 11px; background: url(http://sustentavid.org/images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
.box h3 { float: left; }

.entries { padding-top: 24px; }
.entries .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1; width: 206px; height: 115px; float: left; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.entries .entry a img { width: 206px; height: 115px; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow { background: url(http://sustentavid.org/images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.services {
	border-top: 3px solid #fff;
	padding-top: 0px;
	background-color: #FFF;
	/*background-image: url(http://sustentavid.org/images/services2.png);*/
	background-repeat: repeat-x;
	background-position: 0 0;
}
.services2 {
	border-top: 3px solid #fff;
	padding-top: 0px;
	background-color: #FFF;	
}
.services h3 { padding-bottom: 14px; }
.services p {
	padding-bottom: 15px;
	text-align: justify;
}
.services .widget {
	float: left;
	width: 320px;
	margin-top: 19px;
	margin-bottom: 27px;
}
.services .widget2 {
	float: left;
	width: 595px;
	padding-left: 30px;
	margin-top: 19px;
	padding-top: 15px;
}
.services2 .widget3 {
	width: 950px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}
.services .widget ul {
	list-style-position: outside;
	width: 150px;
	list-style-image: none;
	list-style-type: none;
	display: block;
	float: left;
}
.services .widget ul li {
	display: block;
}
.services .widget ul li a {
	font-size: 11px;
	background-image: url(http://sustentavid.org/images/bullet-cafe.png);
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}




.services .contact-widget { width: 200px; } 
.services .widget + .widget { padding-left: 19px; }
.services .socials-widget { width: 219px;  }
.services .socials-widget a { width: 27px; height: 27px; background: url(http://sustentavid.org/images/socials.png) no-repeat 0 0; float: left; margin-right: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer {
	padding: 18px 0 64px 0;
}
.footer-nav { float: left; }
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px;  }
.footer-nav ul li { float: left; padding-right: 33px; }
.footer-nav ul li a { color: #a6abb2; }
.footer-nav ul li a:hover { color: #3995d6; text-decoration: none; }
.footer p.copy {
	font-size: 11px;
	color: #FFFFFF;
	height: 30px;
	display: block;
	width: 98%;
	text-align: right;
	background-image: url(http://sustentavid.org/images/footsus.png);
	background-position: right;
	line-height: 30px;
	padding-right: 20px;
}
.footer p.copy a { color: #8c929b; text-decoration: underline; }
.footer p.copy a:hover { color: #3995d6; text-decoration: none; }
#nav_top {
	float: right;
	width: 530px;
}
#nav_top ul {
	list-style-type: none;
	width: 100%;
	display: block;
	float: right;
	margin-top: 20px;
	margin-bottom: 25px;
	
}
#nav_top ul li {
	float: left;
	height: 20px;

	margin-right: 5px;
	margin-left: 5px;
}


#nav_top ul li.morado {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #927cae;	
}


#nav_top ul li.cafe {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #824f30;	
}


#nav_top ul li.verde {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #4e7d4c;	
}

#nav_top ul li.naranja{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dd9f3a;	
}
#nav_top ul li.celeste{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #83a9bc;	
}


#nav_top ul li a {
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}


#nav_top ul li.idioma{
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(http://sustentavid.org/images/ingles.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 35px;
}
.logos {
	display: block;
	height: 136px;
	width: 901px;
	margin-right: auto;
	margin-left: auto;
}



/* Slidorion Stylesheet */
#slidorion {
	width: 892px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 331px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	margin-bottom: 20px;
}

#slider {
	width: 892px;			/* Set to slider width */
	height: 331px;			/* Set to slider height */
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

#slider > div {
	position:absolute;
	width:100%;
	height:100%;
}

#accordion {
	width: 280px;			/* Set to accordion width */
	height: 331px;			/* Set to image height */
	font-family: Verdana;
	background: #eee;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: absolute;
	z-index:25;
	overflow: hidden;
	float: left;
	left: 612px;
	top: 0px;
}

#accordion > .link-header {
	padding: 8px 14px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
	border-top: 1px solid #ccc;
	text-transform: uppercase;
}

#accordion > .link-header:first-child {
	border-top:none;
}

#accordion > .link-header:hover {
	background: #ededed;
	cursor: pointer;
}

#accordion > .link-header.active {
	border-bottom: none;
	filter: none;
	color: #fff;
	background: #999!important;
}

#accordion > .link-content {
	height: 190px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height:20px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
	overflow:auto;
}

#slidorion .nav {
	position: absolute;
	top: 200px;
	width: 16px;
	height: 27px;
	z-index: 25;
	background: url('http://sustentavid.org/img/arrows.png') 0 0 no-repeat;
	cursor: pointer;
}

#slidorion .nav-left {
	left: 30px;
}

#slidorion .nav-right {
	right: 310px;
	background-position: -16px 0;
}
#contenido {
	height: auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contenido #foto_contenido {
	height: 280px;
	width: 850px;
	margin-bottom: 20px;
	background-image: url(http://sustentavid.org/images/bg-foto.jpg);
	background-repeat: no-repeat;
}
#contenido #foto_contenido img {
	display: block;
	height: 250px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
}
#contenido #textos_contenido {
	text-align: justify;
	height: auto;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#contenido h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 50px;
	width: 800px;
	display: block;
	background-image: url(http://sustentavid.org/images/bg-h1.jpg);
	background-repeat: no-repeat;
	line-height: 45px;
	padding-top: 0px;
	padding-left: 50px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	
}



/*--- mapa -----*/

#contenido #mapa {
	height: 440px;
	width: 850px;
	padding: 15px;
	background-image: url(http://sustentavid.org/images/bg-mapa.jpg);
	background-repeat: no-repeat;
}

#contenido #textos_mapa{
	text-align: justify;
	height: auto;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}






/* ----fin mapa ------*/



#licitaciones {
	height: auto;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
	
	
}

#licitaciones ul {
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: block;
}
#licitaciones ul li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
}
#licitaciones ul li.a {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
	background-color: #FAFAEA;
}
#licitaciones a   {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}


#noticias {
	height: auto;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
	
	
}

#noticias ul {
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: block;
}
#noticias ul li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
	height: auto;
}
#noticias ul li.a {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
	background-color: #FAFAEA;
}
#noticias a   {
	display: block;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#noticias ul li p {
	display: block;
	color: #666;
	height: 38px;
	clear: both;
	overflow: hidden;
}

#noticias ul li p.faq {
	display: block;
	color: #666;
	height:auto;
	clear: both;
	overflow: hidden;
}


#construccion {
	height: 350px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://sustentavid.org/images/construccion.jpg);
	background-repeat: no-repeat;
}


/*login*/


#wrapper_login @font-face {
    font-family: 'FontomasCustomRegular';
    src: url('http://sustentavid.org/css/fonts/fontomas-webfont.eot');
    src: url('http://sustentavid.org/css/fonts/fontomas-webfont.eot#iefix') format('embedded-opentype'),
         url('http://sustentavid.org/css/fonts/fontomas-webfont.woff') format('woff'),
         url('http://sustentavid.org/css/fonts/fontomas-webfont.ttf') format('truetype'),
         url('http://sustentavid.org/css/fonts/fontomas-webfont.svg#fontomascustomregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#wrapper_login @font-face {
    font-family: 'FranchiseRegular';
    src: url('http://sustentavid.org/css/fonts/franchise-bold-webfont.eot');
    src: url('http://sustentavid.org/css/fonts/franchise-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('http://sustentavid.org/css/fonts/franchise-bold-webfont.woff') format('woff'),
         url('http://sustentavid.org/css/fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('http://sustentavid.org/css/fonts/franchise-bold-webfont.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#wrapper_login a.hiddenanchor{
	display: none;
}
/** The wrapper that will contain our two forms **/
#wrapper_login{
	width: 60%;
	right: 0px;
	width: 400px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 400px;
}
/**** Styling the form elements **/

/**** general text styling ****/
#wrapper_login a{
	color: rgb(95, 155, 198);
	text-decoration: underline;
}
#wrapper_login h4{
	font-size: 25px;
	color: #3b65ab;
	font-family: 'FranchiseRegular', 'Arial Narrow', Arial, sans-serif;
	font-weight: normal;
	padding-bottom: 30px;
	background-image: url(http://sustentavid.org/css/images/candado.png);
	display: block;
	height: 60px;
	width: 250px;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	line-height: 75px;
	text-align: right;
	background-position: 0px 0px;
	margin-bottom: 20px;
}
/** For the moment only webkit supports the background-clip:text; */



#wrapper_login p{
	margin-bottom:2px;
}
#wrapper_login p:first-child{
	margin: 0px;
}
#wrapper_login label{
	color: rgb(64, 92, 96);
	position: relative;
}

/**** advanced input styling ****/
/* placeholder */
#wrapper_login ::-webkit-input-placeholder  { 
	color: rgb(190, 188, 188); 
	font-style: italic;
}
#wrapper_login input:-moz-placeholder,
#wrapper_login textarea:-moz-placeholder{ 
	color: rgb(190, 188, 188);
	font-style: italic;
} 
#wrapper_login input {
	outline: none;
}

/* all the input except submit and checkbox */
#wrapper_login input:not([type="checkbox"]){
	width: 92%;
	margin-top: 4px;
	padding: 10px 5px 10px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#wrapper_login input:not([type="checkbox"]):active,
#wrapper_login input:not([type="checkbox"]):focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background: rgba(238, 236, 240, 0.2);	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 

/** the magic icon trick ! **/
#wrapper_login [data-icon]:after {
    content: attr(data-icon);
    font-family: 'FontomasCustomRegular';
    color: rgb(106, 159, 171);
    position: absolute;
    left: 10px;
    top: 35px;
	width: 30px;
}

/*styling both submit buttons */
#wrapper_login p.button input{
	width: 20%;
	cursor: pointer;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	color: #5A3522;
	font-size: 16px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-color: #FAFAE6;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#wrapper_login p.button input:hover{
	background-color: #84562F;
	color: #FFF;
}
#wrapper_login p.button input:active,
#wrapper_login p.button input:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
#wrapper_login p.login.button,
#wrapper_login p.signin.button{
	text-align: right;
	margin: 5px 0;
}


/* styling the checkbox "keep me logged in"*/
#wrapper_login .keeplogin{
	margin-top: -5px;
}
#wrapper_login .keeplogin input,
#wrapper_login .keeplogin label{
	display: inline-block;
	font-size: 12px;	
	font-style: italic;
}
#wrapper_login .keeplogin input#loginkeeping{
	margin-right: 5px;
}
#wrapper_login .keeplogin label{
	width: 80%;
}


/*styling the links to change from one form to another */

#wrapper_login p.change_link{
	position: absolute;
	color: rgb(127, 124, 124);
	left: 0px;
	height: 20px;
	width: 440px;
	padding: 17px 30px 20px 30px;
	font-size: 16px	;
	text-align: right;
	border-top: 1px solid rgb(219, 229, 232);
	-webkit-border-radius: 0 0  5px 5px;
	   -moz-border-radius: 0 0  5px 5px;
	        border-radius: 0 0  5px 5px;
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
}
#wrapper p.change_link a {
	display: inline-block;
	font-weight: bold;
	background: rgb(247, 248, 241);
	padding: 2px 6px;
	color: rgb(29, 162, 193);
	margin-left: 10px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgb(203, 213, 214);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s  linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s  linear;
	transition: all 0.4s  linear;
}
#wrapper_login p.change_link a:hover {
	color: rgb(57, 191, 215);
	background: rgb(247, 247, 247);
	border: 1px solid rgb(74, 179, 198);
}
#wrapper_login p.change_link a:active{
	position: relative;
	top: 1px;
}
/** Styling both forms **/
#wrapper_login #register, 
#wrapper_login #login{
	position: absolute;
	top: 0px;
	width: 88%;	
	padding: 18px 6% 60px 6%;
	margin: 0 0 35px 0;
	
}
#wrapper_login #register{	
	z-index: 21;
	opacity: 0;
}
#wrapper_login #login{
	z-index: 22;
}
#toregister:target ~ #wrapper_login #register,
#tologin:target ~ #wrapper_login #login{
	z-index: 22;
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	-ms-animation-delay: .1s;
	animation-delay: .1s;
}
#toregister:target ~ #wrapper_login #login,
#tologin:target ~ #wrapper_login #register{
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-ms-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

/** the actual animation, credit where due : http://daneden.me/animate/ ***/
#wrapper_login .animate{
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */

.lt8 #wrapper_login input{
	padding: 10px 5px 10px 32px;
    width: 92%;
}
.lt8 #wrapper_login input[type=checkbox]{
	width: 10px;
	padding: 0;
}
.lt8 #wrapper_login h4{
	color: #066A75;
}
.lt8 #wrapper_login  #register{	
	display: none;
}
.lt8 #wrapper_login p.change_link,
.ie9 #wrapper_login p.change_link{
	position: absolute;
	height: 90px;
	background: transparent;
}
/** comite */

#comite  {
	height: auto;
	width: 840px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	margin-bottom: 20px;
	
	overflow:hidden
}
#comite ul {
	height: auto;
	width: 97%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
}
#comite ul li{
	height: 230px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 25px;
	margin-bottom: 30px;
	margin-left: 25px;
	color: #666;
	clear: none;
}

#comite ul li .foto_c {
	display: block;
	height: 150px;
	width: 150px;
	margin-bottom: 10px;
	overflow: hidden;
}
#comite ul li .foto_c img{
	display: block;
	height: 150px;
	width: 150px;
}
#comite ul li .nombre_c {
	font-size: 13px;
	line-height: 22px;
	display: block;
	height: 22px;
	width: 150px;
	overflow: hidden;
	text-align: center;
}
#comite ul li .cargo {
	font-size: 12px;
	display: block;
	line-height: 15px;
	width: 150px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	margin-top: 3px;
	color: #999;
}
#comite ul li .mail {
	font-size: 12px;
	line-height: 22px;
	display: block;
	height: 22px;
	width: 150px;
	overflow: hidden;
	text-align: center;
}


/*vinas*/


#vinas  {
	height: auto;
	width: 840px;
	display: block;
	list-style-type: none;
	margin-bottom: 20px;
	overflow:hidden;
	float: left;
}
#vinas ul {
	/*height: auto;
	width: 720px;
	display: block;
	margin-right: auto;
	margin-left: auto;*/
	list-style-type: none;
}
#vinas  li{
	width: 700px;
	display: block;
	color: #666;
	clear: both;
	margin-bottom: 15px;
	background-color: #FFF !important;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}


#vinas ul li p{
	display: block;
	float: left;
	width: 500px;
	overflow: hidden;
	text-align: justify;
}

#vinas ul li .foto_c {
	display: block;
	height: 150px;
	width: 150px;
	margin-bottom: 10px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
#vinas ul li .foto_c img{
	display: block;
	height: 150px;
	width: 150px;
}
#vinas ul li .nombre_c {
	padding-top:20px;
	font-size: 12px;
	line-height: 22px;
	display: block;
	height: 22px;
	width: 500px;
	overflow: hidden;
	text-align: left;
	float: left;
	font-weight: bold;
}

#vinas ul li .mail {
	font-size: 12px;
	line-height: 22px;
	display: block;
	height: 22px;
	overflow: hidden;
	text-align: left;
	float: left;
}


#vinas ul li .mail a {
	display: block;
	padding: 0px !important;
	height: 22px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.volver {
	display: block;
	height: 20px;
	width: 250px;
	float: right;
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
	color: #FFF;
}

.volver a{
	color: #FFF!important;	
}

.volver a:hover{
	color: #FFF;
	text-decoration: underline;
}

.acceso_codigo {
	display: block;
	height: 20px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}


#contact {
	border-top: opx solid;
	width:300px;
	margin:auto;
}
#contact h2 { margin: 10px 0 20px; }
#contact .ui-btn { margin: 0 0 22px; font-size: 20px; font-weight: bold; border: 1px solid; border-radius: 8px; }


#contact .message { display: none; margin: 0; padding: 0 0 20px; }

input[type="text"], textarea {
	font-size: 11px !important;
	border: 1px solid;
	color:#333;
	border-radius: 5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 3px;
}

.LV_validation_message { display: none !important; }
.titulo_slider {
	height: 50px;
	display: block;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://sustentavid.org/images/a.jpg);
}
.titulo_slider_en{
	background-image: url(http://sustentavid.org/images/titulo_ingles.jpg)!important;
}



/*------paginador --------*/

#wrapper_page_navigation{
	margin: 0px auto;

	width: 960px;
}



#wrapper_page_navigation .ellipse{
	float: left;
}

#wrapper_page_navigation .container{
	width: 840px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image:none;
	border:none;
}

#wrapper_page_navigation .page_navigation ,#wrapper_page_navigation .alt_page_navigation{
	padding-bottom: 0px;
	display: block;
	clear: both;
	height: 30px;
	text-align: right;
	float: right;
}

#wrapper_page_navigation .page_navigation a,#wrapper_page_navigation .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#edbfc3;
}
#wrapper_page_navigation .active_page{
	background-color:white !important;
	color:#89000a !important;
}	



#wrapper_page_navigation .content, #wrapper_page_navigation .alt_content{
	color: black;
	
	margin: 0px;
	padding: 0px;
	
}

#botones_cuadros {
	height: 250px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;	
	
	
}

#botones_cuadros ul {
	list-style-type: none;
	display: block;
	width: 480px;
	height: 220px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	background-image: url(http://sustentavid.org/images/div.jpg);
	background-repeat: no-repeat;
	background-position: 220px;
}


#botones_cuadros ul li {
	height: 160px;
	width: 160px;
	display: block;
	float: left;
	margin-right: 40px;
	margin-left: 40px;
}

.niveluno a{
	display: block;
	height: 160px;
	width: 160px;	
}


.niveluno a{
	background-image: url(http://sustentavid.org/images/nivel1_a.jpg);		
}

.niveluno_en a{
	background-image: url(http://sustentavid.org/images/level1_a.jpg)!important;		
}

.niveluno a:hover{
	background-image: url(http://sustentavid.org/images/nivel1_b.jpg);		
		
}
.niveluno_en a:hover{
	background-image: url(http://sustentavid.org/images/level1_b.jpg)!important;		
		
}

.niveldos a{
	display: block;
	height: 160px;
	width: 160px;	
}


.niveldos a{
	background-image: url(http://sustentavid.org/images/nivel2_a.jpg);		
}

.niveldos a:hover{
	background-image: url(http://sustentavid.org/images/nivel2_b.jpg);		
		
}

.niveldos_en a{
	background-image: url(http://sustentavid.org/images/level2_a.jpg)!important;		
}

.niveldos_en a:hover{
	background-image: url(http://sustentavid.org/images/level2_b.jpg)!important;		
		
}



.leveluno a{
	display: block;
	height: 160px;
	width: 160px;	
}


.leveluno a{
	background-image: url(http://sustentavid.org/images/level1_a.jpg);		
}

.leveluno a:hover{
	background-image: url(http://sustentavid.org/images/level1_b.jpg);		
		
}

.leveldos a{
	display: block;
	height: 160px;
	width: 160px;	
}


.leveldos a{
	background-image: url(http://sustentavid.org/images/nivel2_a.jpg);		
}

.leveldos a:hover{
	background-image: url(http://sustentavid.org/images/level2_b.jpg);		
		
}





.certificacion {
	height: 46px;
	width: 205px;
	
	background-repeat: no-repeat;
	display: block;
	clear: both;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 0px;margin-top: 30px;
}

.certificacion a{
	height: 46px;
	width: 205px;
	background-image: url(http://sustentavid.org/images/btn-certificar-hover.png);
	background-repeat: no-repeat;
	display: block;
	
}

.certificacion_en a{
	background-image: url(http://sustentavid.org/images/btn-certificaringles.png)!important;
}

.certificacion-ingles {
	height: 46px;
	width: 205px;
	
	background-repeat: no-repeat;
	display: block;
	clear: both;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 0px;margin-top: 30px;
}

.certificacion-ingles a{
	height: 46px;
	width: 205px;
	background-image: url(http://sustentavid.org/images/btn-certificaringles.png);
	background-repeat: no-repeat;
	display: block;
	
}



/*galerias*/


#galerias  {
	height: auto;
	width: 840px;
	display: block;
	list-style-type: none;
	margin-bottom: 20px;
	overflow:hidden;
	float: left;
}
#galerias ul {
	/*height: auto;
	width: 720px;
	display: block;
	margin-right: auto;
	margin-left: auto;*/
	list-style-type: none;
}
#galerias ul li{
	height: 116px;
	width: 182px;
	display: block;
	float: left;
	margin: 10px;
	overflow:hidden;
}
#galerias ul li img{
	height: 114px;
	width: 180px;
	display: block;
	
	
}

#galerias ul li img a{
	height: 114px;
	width: 180px;
	display: block;
	
	
}
/*-------*/


#video{
	height:210px;
	width:100%;
}

#video ul {
	height:210px;
	width:100%;
	overflow:hidden;
	list-style:none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#video ul li{
	height:200px;
	width:266px;
	float:left;
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 8px;
	margin-left: 8px;
}



#contenedor-carrusel
        {
	padding-top:20px;
	height: 290px;
	width: 850px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
        }
		
	#botones_cuadros2 {
	height: 250px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;	
	
	
}

#botones_cuadros2 ul {
	list-style-type: none;
	display: block;
	width: 550px;
	height: 108px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	background-image: url(http://sustentavid.org/images/div.jpg);
	background-repeat: no-repeat;
	background-position: 257px;
}	
		
#botones_cuadros2 ul li {
	height: 108px;
	width: 231px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}

.certificauno a{
	display: block;
	height: 108px;
	width: 231px;	
}


.certificauno a{
	background-image: url(http://sustentavid.org/images/ins_a.jpg);		
}

.certificauno a:hover{
	background-image: url(http://sustentavid.org/images/ins_b.jpg);		
		
}


.use a{
	display: block;
	height: 108px;
	width: 263px;	

	background-image: url(http://sustentavid.org/images/ins2_a.jpg);		
}

.use a:hover{
	background-image: url(http://sustentavid.org/images/ins2_b.jpg);		
		
}


.use2 a{
	display: block;
	height: 108px;
	width: 231px;	

	background-image: url(http://sustentavid.org/images/ins_a.jpg);		
}

.use2 a:hover{
	background-image: url(http://sustentavid.org/images/ins_b.jpg);		
		
}

.use_en a{
	display: block;
	height: 108px;
	width: 263px;	

	background-image: url(http://sustentavid.org/images/use1.jpg)!important;		
}

.use_en a:hover{
	background-image: url(http://sustentavid.org/images/use2.jpg)!important;		
		
}


.use2_en a{
	display: block;
	height: 108px;
	width: 231px;	

	background-image: url(http://sustentavid.org/images/structutre_a.jpg)!important;		
}

.use2_en a:hover{
	background-image: url(http://sustentavid.org/images/structutre_a.jpg)!important;		
		
}




.certificados a{
	display: block;
	height: 108px;
	width: 231px;	
}


.certificados a{
	background-image: url(http://sustentavid.org/images/ins2_a.jpg);		
}

.certificados a:hover{
	background-image: url(http://sustentavid.org/images/ins2_b.jpg);		
		
}
		
#derecha_bajo{
	clear: both;
	height: 20px;
	padding-left: 160px;
}



#faq {
	height: auto;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
	
	
}

#faq ul {
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: block;
}
#faq ul li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
	height: auto;
}
#faq ul li.a {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 15px;
	background-color: #FAFAEA;
}
#faq a   {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}

#faq li p {text-align: justify!important;
display:block;}

#noticias ul li p {
	display: block;
	color: #666;
	height: auto;
	clear: both;
	overflow: hidden;
	text-align: justify;
}

.titulo_interior {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/titulo_interior.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.download {
	clear: both;
	float: left;
	height: 30px;
	width: 200px;
	background-image: url(http://sustentavid.org/images/down.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
}

.vervideohome{
	clear: both;
	float: left;
	height: 30px;
	width: 200px;
	background-image: url(http://sustentavid.org/images/video.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
}

/*barras */

.titulo_interior {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/titulo_interior.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.titulo_voscuro {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_vo.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_rojo {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_roja.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_naranjo {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_naranjo.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_negro{
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_negra.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_terracota{
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_terracota.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_morado {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_morada.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.titulo_vclaro {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra_vc.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 830px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.titulo_corto {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra-corta.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 359px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.titulo_corto_morado {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra-corta-morada.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 359px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.titulo_corto_morado2 {
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra-corta-morada2.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 359px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.titulo_corto_naranjo{
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(http://sustentavid.org/images/barra-corta-naranja.jpg);
	display: block;
	clear: both;
	height: 37px;
	width: 359px;
	padding-left: 20px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
}






ul.barracolores li{
border-top: 3px solid #cbd66e;
	
}

ul.barracolores li+li{
border-top: 3px solid #83a9bc;
	
}


ul.barracolores li+li+li{
border-top: 3px solid #493572;
	
}

ul.barracolores li+li+li+li{
border-top: 3px solid #7ea27e;
	
}


ul.barracolores li+li+li+li+li{
border-top: 3px solid #996186;
	
}

ul.barracolores li+li+li+li+li+li{
border-top: 3px solid #b7aabb;
	
}

ul.barracolores li+li+li+li+li+li+li{
border-top: 3px solid #b7aabb;
	
}
/*noticias 2*/

#noticias2 {
	height: auto;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
	
	
}

#noticias2 ul {
	height: auto;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: block;
	margin-top: 30px;
	clear: both;
	
}
#noticias2 ul li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 15px;
	height: 160px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(http://sustentavid.org/images/link-not.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


#noticias2 ul li img {
	display: block;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 135px;
	width: 150px;
	box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	border: 4px solid #fafae7;
}

#noticias2 .div-noticia{
	height: 170px;
	width: 180px;
	overflow: hidden;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	clear: none;
}


#noticias2 ul li a {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 180px;
	float: left;
	width: 600px;
	text-decoration: none;
	}
	
/*#noticias2 a   {
	display: block;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}*/

#noticias2 ul li p.titulo_noticia {
	display: block;
	color: #963148;
	height: auto;
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow:hidden;
	text-align: left;
	margin-top: 3px;
	line-height: 16px;
	margin-bottom: 0px;
	float: left;
	clear: none;
	width: 420px;
}



#noticias2 ul li p {
	display: block;
	color: #666;
	height: 45px;
	clear: none;
	overflow: hidden;
	text-align: justify;
	width: 420px;
	margin-top: 15px;
}