/*

    Theme Name: Grupo IPE

    Theme URI: http://www.kernellstudios.com/

    Description: Grupo IPE is a theme by <a href="http://www.kernellstudios.com">KernellStudios</a>

    Version: 1.0

    Author: Dave Fuentes

    Author URI: http://www.kernellstudios.com/
	
	Tags: custom header, fixed width, two columns, widgets

*/



/* CSS Reset
--------------------------------------------------------------- */

*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px #FFFFFF; font-size:14px; }
body{ background:url('images/bg.jpg') repeat; padding: 0; margin: 0; }
.esp{ clear:both; }
h1{ font-size:20px; color:#333; }
h1 a{ font-size:20px; color:#333; text-decoration: none; }
h2{ font-size:20px; color:#666; text-transform:uppercase; padding-bottom:20px; font-weight:lighter; }
h3{ font-size:14px; color:#207096; font-weight:bold; }
h4{ font-size:14px; color:#1180ce; font-weight:bold; text-transform:uppercase; margin-top:2px; }
h5{ font-size:14px; color:#1180ce; margin-top:3px; margin-bottom:5px; }
hr{ border:none; height:2px; background:url('images/hr.png') center top no-repeat; }
embed{ margin:0 auto; text-align:center; margin-bottom:25px; }
input[type=text]{ background: url('images/input.png') no-repeat top left; width: 290px; height: 30px; border: none; padding:0 10px; padding-right: 18px; color:#999; margin-bottom: 10px; }
label small{ font-size:12px; text-transform:capitalize; color:#666; text-decoration:none; font-style:normal; font-weight: normal; }


textarea{ width: 580px; height: 70px; border: none; background: url('images/textarea.png') no-repeat top left; color:#999; padding: 10px; margin-bottom: 10px;  }

#wrap{ width:840px; margin:0 auto; padding:0; margin-top:30px; }
#header{ width:840px; margin:0 auto; }
	.logo{ width:225px; float:left; }
	.menu{ width:458px; float:right; margin-top:30px; }
		.menu ul{ list-style:none; list-style-position:outside; }
		.menu ul li{ float:left; margin:0; }
#slider{ width:840px; height:221px; background:url('images/slider.png') no-repeat; margin:0 auto; margin-top:70px; position:relative; overflow:hidden; }
	.inst{ padding:15px; height:200px; overflow:hidden; margin-bottom:10px; }
	.inst ul{ list-style-position: inside; float: left; margin: 5px 0px; list-style-type:disc; font-style: normal; text-decoration:none; }
	.inst h1{ width:530px; float:left; margin-top:3px; }
	.inst p{ width:530px; float:left; margin-top:3px; font-style: normal; text-align:justify; text-decoration: none; }
	.inst_img{ width:249px; height:189px; float:left; margin-right:13px; background:url('images/inst_img_bg.png') no-repeat top left;}
		.inst_img img{ margin-left:14px; margin-top:14px; }
	#slider_nav{ margin-top:15px; margin-left:100px; }
	#slider_nav a{ width:14px; height:14px; background:url('images/slider_nav.png') no-repeat; margin-right:4px; float:left; position:relative; overflow:hidden; }
	#slider_nav a.activeSlide{ width:14px; height:14px; background:url('images/slider_nav_sel.png') no-repeat; margin-right:4px; position:relative; overflow:hidden; }
	#slider_nav a:focus{ outline: none; }
#news{ width:840px; margin:0 auto; margin-top:70px; padding-bottom:15px; }
.news{ width:250px; float:left; margin-right:45px; margin-top:25px; }
	.news p{ font-size:11px; text-align:justify; }
	.news p a{ font-size:11px; color:#207096; font-weight: bold; text-align:justify; text-decoration: none; }
		.news p a:hover{ font-size:11px; font-weight: bold; color:#207096; text-align:justify; text-decoration: none; border-bottom: dotted 1px #207096; }
	.news p.date a{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	.news p.date{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	.news a.more-link{ text-decoration:none; font-size:11px; color:#069; font-weight:bold; }
	.news a.more-link:visited{ text-decoration:none; color:#069; font-size:11px; font-weight:bold; }
	.news h3 a{ font-size:14px; color:#207096; font-weight:bold; text-decoration:none; }
	.todas{ width: 840px; float: right; text-align: right; margin-top: 15px; }
	.news_todas{ float: right; display: block; width: 98px; height: 33px; border: none; background: url('images/btn_todas.png') no-repeat top right; }
	.news_todas:hover{ width: 98px; height: 33px; border: none; background: url('images/btn_todas_over.png') no-repeat top right; }
#accesos{ width:840px; margin:0 auto; margin-top:55px; padding-bottom:55px; }
	.acceso{ float:left; width:250px; margin-right:45px; }
	.acceso img{ float:left; margin-right:15px; }
	.acceso h4 p{ float:left; width:180px; }
	.acceso p{ font-size:12px; color:#333; }
	.sinmargin{ margin-right:0px; }
#footer{ width:100%; margin:0 auto; background:url('images/footer_bg.png') repeat; height: 100px; font-size:11px; margin-top:50px; }
	.foot_cont{ width:840px; margin:0 auto; padding:40px 0px; }
	.copy{ float:left; color:#444; }
	.copy p, strong{ font-size:11px; }
	.credit{ float:right; color:#444; }
	.credit p{ font-size:11px; }
	.credit strong{ font-size:11px; }
	.credit a{ color:#444; text-decoration:none; }
	.footer_hr{ margin:0 auto; height:2px; border:none; background:url('images/footer_hr.png') repeat-x; width:100%; }
#page{ width:840px; margin:0 auto; margin-top:70px; }
	.parrafo{ margin-top:30px; }
	.parrafo_img{ float:left; width:222px; height:157px; margin-right:15px; background:url('images/img_page_bg.png') no-repeat left top; }
		.parrafo_img img{ margin-top:13px; margin-left:13px; }
	.parrafo_text{ float:left; width:600px; }
		.parrafo_text p{ font-size:12px; color:#222; margin-bottom:20px; text-align:justify; }
		.parrafo_text input[type=text]{ background: url('images/input.png') no-repeat top left; width: 290px; height: 30px; border: none; padding:0 10px; padding-right: 18px; color:#999; margin: 0px; margin-bottom: 0px; }
		.parrafo p a{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; text-decoration: none; }
		.parrafo p a:hover{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; border-bottom: dotted 1px #207096; }
		.parrafo_text strong{ font-size:12px; }
		.parrafo_text ul{ margin-bottom:20px; margin-top:10px; list-style-position:outside; margin-left:14px; }
		.parrafo_text ul li{ font-size:12px; color:#222; font-style:italic; text-align:justify; }
		#page p.post_date a{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
		#page p.post_date{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }

#post{ width:840px; margin:0 auto; margin-top:70px; }
	#post h2{ margin-bottom:5px; padding:0px; }
	#post hr{ margin-top:15px; }
	.post{ margin-top:30px; }
	.post_img{ float:left; width:222px; height:157px; margin-right:15px; background:url('images/img_page_bg.png') no-repeat left top; }
		.post_img img{ margin-top:13px; margin-left:13px; }
	.post_text{ float:left; width:600px; }
		.post_text p{ font-size:12px; color:#222; margin-bottom:20px; text-align:justify; }
			.post_text p a{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; text-decoration: none; }
			.post_text p a:hover{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; border-bottom: dotted 1px #207096; }
		.post_text p.post_social{ text-align:right; margin: 0; }
		.post_text p.post_social a:hover{ text-decoration: none; outline: none; border: none; }
		.post_text strong{ font-size:12px; }
		.post_text ul{ margin-bottom:20px; margin-top:10px; list-style-position:outside; margin-left:14px; }
		.post_text ul li{ font-size:12px; color:#222; font-style:italic; text-align:justify; }
		#post p.post_date a{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
		#post p.post_date{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
		
#archivo{ width:840px; margin:0 auto; margin-top:70px; }
	#archivo h2{ margin-bottom:5px; padding:0px;  }
	#archivo h3 a{ font-size:14px; color:#207096; font-weight:bold; text-decoration: none; }
	#archivo hr{ margin-top:15px; }
	#archivo hr.dotted{ margin:15px 0; border: none; border-bottom: 1px dotted #207096; height: 1px; background: none; }
	.archivo{ margin-top:30px; }
	.archivo_img{ float:left; width:222px; height:157px; margin-right:15px; background:url('images/img_page_bg.png') no-repeat left top; }
		.archivo_img img{ margin-top:13px; margin-left:13px; }
	.archivo_text{ width:840px; }
		.archivo_text p{ font-size:12px; color:#222; margin-bottom:20px; text-align:justify; }
			.archivo_text p a{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; text-decoration: none; }
			.archivo_text p a:hover{ font-size:12px; color:#207096; margin-bottom:20px; text-align:justify; border-bottom: dotted 1px #207096; }
		.archivo_text p.post_social{ text-align:right; margin: 0; }
		.archivo_text p.post_social a:hover{ text-decoration: none; outline: none; border: none; }
		.archivo_text strong{ font-size:12px; }
		.archivo_text ul{ margin-bottom:20px; margin-top:10px; list-style-position:outside; margin-left:14px; }
		.archivo_text ul li{ font-size:12px; color:#222; font-style:italic; text-align:justify; }
		#archivo p.post_date a{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
		#archivo p.post_date{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	

/* comentarios */

.post_comment{ margin-top:20px; width: 701px; float: right; }
.post_comment h3{ font-size:14px; color:#207096; font-weight:bold; margin-left: 100px; }
.post_comment .blog{ font-size:11px; color:#1180ce; }
.post_comment .blog a{ font-size:11px; color:#1180ce; text-decoration:none; }
.post_comment .blog a:hover{ font-size:11px; color:#1180ce; border-bottom:dotted 1px #1180ce; }

.comentario{ width:701px; margin: 0; }

ul.commentlist{ list-style-position: outside; list-style-image:none; list-style-type:none; padding-left: 0px;  }
.commentlist hr{ border:none; height:2px; background:url('images/hr.png') center top no-repeat; margin-bottom: 15px; width: 600px; float: right; }

.post_comment_cont{ float: left; width: 600px; border-bottom: solid 1px fuchsia; margin-left: 10px; margin-bottom: 10px; margin-top: 20px; }

.comentario_avatar{ background: url('images/avatar.png') no-repeat top left; width: 86px; height: 80px; float: left; }
	.comentario_avatar img{ margin-left: 18px; margin-top: 16px; }
.comentario_cont{ width: 600px; float: left; margin-left: 15px; padding-top: 5px; }
	.comentario_cont p{ font-size:12px; color:#222; text-align:justify; font-style: italic; }
	.comentario_cont .post_date a{ font-size:10px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	.comentario_autor p{ font-size:11px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	.comentario_autor a{ font-size:12px; font-weight:bold; text-transform:capitalize; color:#207096; text-decoration:none; font-style:normal; }
	
#respond{ width: 600px; float: right; }
	#respond h3{ font-size:14px; color:#207096; font-weight:bold; margin: 0; }
	#respond p{ font-size:11px; font-weight:bold; text-transform:capitalize; color:#333; text-decoration:none; font-style:normal; }
	#respond a{ font-size:12px; font-weight:bold; text-transform:capitalize; color:#207096; text-decoration:none; font-style:normal; }
	#respond #submit{ width: 98px; height: 33px; border: none; background: url('images/btn_enviar.png') no-repeat top left; }
	#respond #submit:hover{ width: 98px; height: 33px; border: none; background: url('images/btn_enviar_over.png') no-repeat top left; }

#commentform #submit{ width: 98px; height: 33px; border: none; background: url('images/btn_enviar.png') no-repeat top left; }
#commentform #submit:hover{ width: 98px; height: 33px; border: none; background: url('images/btn_enviar_over.png') no-repeat top left; }