@charset "utf-8";

/* CSS Document
///////////////////////////////////////////////////////////////////////////// 
Cliente: IMIFAP
Programador: Alberto Torres
/////////////////////////////////////////////////////////////////////////////
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }


html,body { height: 100%; }
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #14143C;
	color: #ccccff;
	margin: 0 auto;
	text-align: center;
}

body.home {background: #14143c url(images/bg.gif) repeat-x;}

a {color: #96ff00; text-decoration:underline;}
a:hover {color: #546D11;}

#wrap {margin: 0 auto; width: 950px; text-align: left;}

#header {width: 100%; float: left}
	#flash {background: url(images/flash.jpg) no-repeat; height: 396px; width: 100%; }


/* NAV /////////////////////////////////////////////////////////////////////////*/
body#inside-a #nav {margin-top: 20px;}
#nav { background: url(images/nav.gif) no-repeat; width: 100%; height: 91px; float: left; margin-bottom: 30px; display: inline;}
	#nav ul {}
		#nav ul li {display: inline; float: left;}
			#nav ul li a {height: 91px; display: block;}
			
			#btn-inicio a {width: 132px;}
			#btn-violencia a {width: 178px;}
			#btn-talleres a {width: 217px;}
			#btn-exp a {width: 246px;}
			#btn-contactar a {width: 177px;}
			

/* MAST /////////////////////////////////////////////////////////////////////////*/
#mast {width: 100%; margin: 10px 0 30px; float: left; display: inline;}
	#mast-title {width: 444px; height: 178px; float: left;}
	#mast-definition {width: 506px; float: left; font-size: 1.3em; line-height: 1.5em; margin-top: 20px; color: white;}
		
		#mast .titulo-queeslaviolencia {background: url(images/titulo-queesviolencia.gif) no-repeat;}
		
		
	#mast-b {margin-bottom: 30px; width: 100%; float: left; display: inline; }
	
		#mast-icon {width: 480px; height: 362px; float: left;}
		#mast-subnav {width: 464px; float: left; margin-top: -20px;}
		
			#mast-subnav h1 {font-size: 3.5em;}
			#mast-subnav ul {}
				#mast-subnav ul li, #mast-subnav h1  {margin-bottom: 15px;}
				#mast-subnav ul li a {display: block; width: 370px; height: 80px;}
				
				#btnsub-prevencion a {background: url(images/btnsub-prevencion.gif) no-repeat;}
				#btnsub-amoryviolencia a {background: url(images/btnsub-amoryviolencia.gif) no-repeat;}
				#btnsub-ciclos a {background: url(images/btnsub-ciclos.gif) no-repeat;}
		
			.prevencion #mast-icon {background: url(images/pic-prevencion.gif) no-repeat;}
			.amor #mast-icon {background: url(images/pic-amorviolencia.gif) no-repeat;}
			.ciclos #mast-icon {background: url(images/pic-ciclos.gif) no-repeat;}
			
			.prevencion #mast-subnav {margin-top: 0px;}
			.general #mast-subnav {width: 100%;}
			/*#mast-b #mast-subnav, .prevencion #mast-icon, .amor #mast-icon, .ciclos #mast-icon {width: 100%; float:left;}*/
			
			
			
	#mast-c {margin-bottom: 30px; width: 100%; float: left; display: inline; }
		#mast-c #mast-icon {width: 340px; height: 200px; float: left;}
		#mast-c #mast-subnav {width: 604px; float: left; margin-top: 10px; display: inline;}
			.exp #mast-icon {background: url(images/pic-expcomen.gif) no-repeat;}
			.taller #mast-icon {background: url(images/pic-taller.gif) no-repeat;}
			
			

#content {width: 100%; float: left; display: inline;}
		#content h2, #content p {margin-bottom: 15px;}
	
		#content h2 {font-size: 1.8em;}
		#content ul li {margin-left: 20px; list-style: disc; margin-bottom: 15px;}
		#content ol li {margin-left: 20px; list-style: decimal; margin-bottom: 15px;}
		#content strong {color: #FFFFFF;}
		#content blockquote {padding: 10px; background: #202046; text-align: center; color: white; margin-bottom:15px; font-weight: bold;}
		
		.cols-3 {}
			.cols-3 #col-left {width: 285px; float: left;}
			.cols-3 #col-center {width: 340px; float: left; margin-left: 20px;}
			.cols-3 #col-right {width: 285px; float: left; margin-left: 20px;}
			
			.cols-2 #col-left {width: 455px; float: left;}
			.cols-2 #col-right {width: 455px; float: left; margin-left: 20px;}
			
			.cols-1 #col-left {width: 940px; float: left;}

			.equalwidth #col-left {width: 300px; float: left;}
			.equalwidth #col-center {width: 300px; float: left; margin-left: 20px;}
			.equalwidth #col-right {width: 300px; float: left; margin-left: 20px;}


		#title-home-violencia {background: url(images/titulo-inicio-violencia.gif) no-repeat; width: 285px; height: 34px;}
		#title-home-porque {background: url(images/titulo-inicio-porque.gif) no-repeat; width: 334px; height: 59px;}
		#title-home-registrate {background: url(images/titulo-inicio-registrate.gif) no-repeat; width: 271px; height: 34px;}


		#btns-violencia {width: 100%; float: left;}
			#btns-violencia ul {margin-left: 10px;}
			#btns-violencia ul li {display: inline; float: left; margin-left: 25px;}
			#btns-violencia ul li.first {margin-left: 0;}
				#btns-violencia ul li a {display: block; width: 293px; height: 271px;}

				#btn-prevencion {background: url(images/btn-prevencion.gif) no-repeat;}
				#btn-amoryviolencia {background: url(images/btn-amoryviolencia.gif) no-repeat;}
				#btn-ciclos {background: url(images/btn-ciclos.gif) no-repeat;}
				
		
		a.pdf {background: url(images/icon-pdf.gif) no-repeat; display: block; padding: 3px 0 3px 30px; text-decoration: none;}
		

		/* PROMOS */
		#promos {width: 100%; float: left; display: inline; margin-top: 50px;}
		
			#promo-libro {width: 340px; float: left; border-right: 4px solid #272743; padding-right: 10px;}
				#libro-pic {width: 107px; height: 137px; float: left;}
				#libro-desc {width: 232px; float: left;}
					#libro-desc h3 {background: url(images/titulo-libros.gif) no-repeat; width: 241px; height: 24px; margin-bottom: 15px;}
					#libro-desc p a {display: block; background: url(images/btn-masinformacion.gif) no-repeat; width: 209px; height: 32px;}

			#promo-form {width: 590px; float: left;}
				#form-reg {width: 280px; float: right;}
				#form-txt {width: 260px; float: left; margin-left: 20px; display: inline;}
					#form-txt h3 {background: url(images/titulo-registrateaqui.gif) no-repeat; width: 241px; height: 26px; margin-bottom: 15px;}



		/* VIDEO */
		#video-vio {padding: 5px 45px; background: black; width: 850px; margin-bottom: 15px; }



		/* EXPERIENCIAS */
		#experiencias-wrap {}
			#exp-left {float: left; width: 625px; margin-right: 40px; display: inline;}
			#exp-right {float: left; width: 285px;}
			
		#sidebar {}
			#sidebar ul li {margin-bottom: 7px; list-style: none; margin-left: 0;}
			
		.feedback a {background: url(images/icon-comment.gif) no-repeat; display: block; padding: 3px 0 3px 30px; text-decoration: none;}
		.post {border-bottom: 4px solid #272743;padding-bottom: 30px;}	
			
			
		/* CONTACT */
		#contact-pic {background: url(images/pic-contacto.gif) no-repeat; width: 280px; height: 320px; position: relative; right: 0;}
			

/* CONTACT FORM /////////////////////////////////////////////////////////////////////////*/
#form-reg, #form-comm {margin-bottom: 10px; margin-left: 5px;}
	#form-comm {margin-left: 20px;}
	#form-reg form div, #form-comm form div { float: left; margin-bottom: 10px; width: 100%; display: inline;}
	#form-reg input, #form-comm input, #form-comm textarea {padding: 6px 2px; margin: 2px 10px 0px 0; float: left; background: #282847; color: #abcc2a; display: inline; border: none;}
	#form-reg fieldset, #form-comm fieldset {float: left; margin-left: 3px;}

	.form-2 input {width: 117px;}
	.form-1 input {width: 250px;}

	#form-reg .form-btns input, #form-comm .form-btns input {padding: 0; margin: 0; border: none; margin-left: 20px;}
		#form-comm .form-btns input {margin-left: 0;}
	#form-reg .form-btns, #form-comm .form-btns {padding-top: 10px;}
	
	#form-reg .invisibleinput, #form-comm input[type="hidden"] {border: none; background: none; padding: 0; margin: 0;}
		
		

/* FOOTER /////////////////////////////////////////////////////////////////////////*/
#footer {width: 100%; margin: 20px 0; float: left; display: inline;}
	#footer-logo {background: url(images/logo-imifap.jpg) no-repeat; width: 56px; height: 49px; float: left;}
		#footer-logo a {display: block; width: 56px; height: 49px;}
		
	#footer-nav {float: left; margin-top: 15px; display: inline;}
		#footer-nav ul {}
			#footer-nav ul li {display: inline; margin-left: 20px;}
			#footer-nav ul li a {color: white; text-decoration: none;}
			#footer-nav ul li a:hover {color: #abcc2a;}
			
	#footer-signature {float: right; margin-top: 15px; display: inline;}


.float-left {border: 4px solid #d5e4ef; float: left; margin: 3px 10px 10px 0;}

.clear {line-height: 0; font-size: 0; clear: both; height: 0px;}
.hide {display: none;}
.last {margin: 0; padding: 0; border: none;}

#footer-nav .hide {display:inline;}


/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/* WORDPRESS /////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right: 15px;
   margin-bottom: 10px;
}

.alignright {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


h3.storytitle {
	font-size: 2em;
	margin-bottom: 8px;
	font-weight: normal;
		
}

h3.storytitle a {text-decoration: none;}

/* COMMENTS /////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/

h3#comments, .nocomments {padding-top: 15px;}
#respond {margin-top: 50px;}

ol.commentlist {
	margin-top: 20px;
	padding:0;
	}

.commentlist li {
	margin-bottom:8px;
	color:#FFF;
	list-style:none;
	}

.commentlist .comment-meta {
	background: url(images/icon-arrow.gif) no-repeat 20px 0;
	clear: both;
	padding: 10px 0 0 0px;
}



.commentlist .odd .comment-meta {
	
	background-position: 500px 0;
	clear: both;
	padding: 10px 0 0 410px;
	text-align: right;
	
	
}

.commentlist .comment-text {
	background: #1f2165 url(images/comment-top.gif) no-repeat top;
	padding: 22px 22px 30px 22px;
	}
	


.commentlist .authcomment .comment-text { background: #546D11 url(images/comment-top-green.gif) no-repeat top;}
	.commentlist .authcomment .comment-meta {background: url(images/icon-arrow-green.gif) no-repeat 20px 0;}

.commentlist .odd .comment-meta {
	
	background-position: 500px 0;
	clear: both;
	padding: 10px 0 0 410px;
	text-align: right;
	
	
}


.commentlist .date {
	background:#930e27;
	padding:3px;
	}

li.alt {
	background:#836241;
	}

li.alt .commenttext {
	background: #5256cf;
	}	

li.alt .date {
	background:#67421c;
	padding:3px;
	}