/*
 Theme Name:   PPAST 2012 Theme
 Theme URI:    https://wordpress.org/themes/twentytwelve/
 Description:  Tema del 2012 para el sitio de los Preservadores y Promotores del Arte Secuencial Tradicional
 Author:       Norihiko José Matsumoto Ramos
 Author URI:   http://www.ka-boom.com.mx
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
 Text Domain:  PPAST2012
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/


/* Personalizado */

@font-face {
	font-family: "Museo700 Regular"; /* A font by Jos Buivenga(exljbris) -> www.exljbris.com */
	src: url(fonts/Museo700-Regular.ttf);
	font-weight:normal;
}

.user_bar {
	background-color: #000;
	display: inline-block;
	width: 100%;
    border: 0px solid;
    border-radius: 0 0 10px 10px;
}

.user_menu_class {
    float: right;
    margin: 5px;
}

.user_menu_class a {
    color: #fff;
    text-decoration: none;
}

.acceso {
	height: 30px;
	float: right;
    margin: 5px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
	line-height:2.5;
}

	.acceso a {
    color: #fff;
    text-decoration: none;
	}
		
	.acceso a:hover {
    color: #AA2237;
    text-decoration: none;
	}
	
	.acceso td {
    padding: 5px;
	}

	input#log {
	height: 20px;
	width: 110px;
    padding: 0px;
    border: 0px;
	}
	
	input#pwd {
	height: 20px;
	width: 110px;
    padding: 0;
    border: 0px;
	}
	
	input.button {
	height: 20px;
	width: auto;
    padding: 0 8px;
    border: 2px;
	border-style:solid;
	border-color:#AA2238;
	border-radius: 3px;
	background-color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	color:#D81F2B;
	line-height: 0;    
	}
		
		input.button:focus {
			border-color:#D81F2B;
			color:#D81F2B;
		}
		input.button:hover {
			border-color:#AA2238;
			color:#AA2238;
		}
		input.button:active {
			border-color:#A09F9F;
			color:#AA2238;
		}

	input#rememberme {
    margin: 2px 0px;
	}

#content {
	margin: 0px;
}

#main {
    background-color: rgba(0, 0, 0, 0.2);
}

h1.entry-title {
    display: none;
}

.cabecera-entrada {
	background-color:#aa2238;
	text-align:center;
	width:100%;
	margin-bottom: 25px;
	border: 1px solid transparent;
    border-radius: 10px;
}

	.cabecera-entrada h1 {
		color:#fff !important;
	}

.entry-content table {
	border-bottom: 0px;
	color: inherit;
	font-size: 100% !important;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content td {
	border-top: 0px;
	padding: 6px 10px 6px 0;
}

img.attachment-medium.size-medium {
    border: 0px !important;
    max-width: 100%;
    padding: 0px;
}

img.attachment-thumbnail.size-thumbnail {
    border: 0px !important;
}

.curso.left /* min 1000 max inf */{
	width: 49.7%;
	height: 165px;
    margin: 0px 0px 10px 0px;
    float: left;
	background-color:transparent;
	border: 1px solid transparent;
    border-radius: 10px;
} 	

		.left /* min 1000 max inf */{
		width: 49.7%;
		height: 165px;
    	margin: 0px 0px 10px 0px;
    	float: left;
		background-color:transparent;
		border: 1px solid transparent;
    	border-radius: 10px;
		} 

.curso.right /* min 1000 max inf */{
    width: 49.7%;
	height: 165px;
    margin: 0px 0px 10px 0px;
    float: right;
	background-color:transparent;
    border: 1px solid transparent;
    border-radius: 10px;	
}

		.right /* min 1000 max inf */{
 	    width: 49.7%;
		height: 165px;
    	margin: 0px 0px 10px 0px;
    	float: right;
		background-color:transparent;
    	border: 1px solid transparent;
    	border-radius: 10px;	
		}

.curso img {
	margin: 7.5px auto !important;
}

	.curso {
		-webkit-transition: background-color .5s linear;
		-moz-transition: background-color .5s linear;
		-ms-transition: background-color .5s linear;
		-o-transition: background-color .5s linear;
		transition: background-color .5s linear;
	}
	
	.curso:hover {
		background-color: #7f2337;
	}


#tablacurso {
	width: 900px;
    display: flex;
	margin: 0 auto;
}

	#tablacurso img {
    	margin: 0px;
	}

	.tddiv {
    	margin: 5px 0px !important;
	}

	#profesionales h3, #objetivo h3, #objetivopaa02 h3, #objetivopaa03 h3, #objetivopaa04 h3, #contenido h3, #contenidopaa02 h3, #contenidopaa03 h3, #contenidopaa04 h3, #tablainfocurso h3 {
    	margin: 0px !important;
    	line-height: 1;
		color: #fff;
	}
	
	#tablacursoizq {	
	    float: left;
    	width: 50%;
	}

	#profesionales {
		width:400px;
		height:250px;
		display:block;
		position:relative;
		margin: 5px auto 5px 0px !important;
	}
	
	#cabecera {
		display: block;
		position: absolute;
		top: 0px;
		left:0px;
		width: 390px;
		padding:5px;
		background-color: rgba(0, 0, 0, 0.6);
	}
	
	#textopro {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 390px;
		text-align: center;
		padding:5px;
		background-color: rgba(0, 0, 0, 0.6);
	}
	
	#contenido {
		width:50%;
		height: 505px;
		display:block;
		position:relative;
	    float: right;
		background-color: #6C1623;
		margin: 5px auto !important;
	}
	
		#contenidopaa02 {
			width:50%;
			height: 555px;
			display:block;
			position:relative;
			float: right;
			background-color: #6C1623;
			margin: 5px auto !important;
		}
		
		#contenidopaa02 #textocont {
			height:555px;
		}
		
		#contenidopaa03 {
			width:50%;
			height: 645px;
			display:block;
			position:relative;
			float: right;
			background-color: #6C1623;
			margin: 5px auto !important;
		}
		
		#contenidopaa03 #textocont {
			height:645px;
		}
		
		#contenidopaa04 {
			width:50%;
			height: 795px;
			display:block;
			position:relative;
			float: right;
			background-color: #6C1623;
			margin: 5px auto !important;
		}
		
		#contenidopaa04 #textocont {
			height:795px;
		}
	
	#textocont {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 505px;
		padding: 5px;
		color: #fff;
		text-align:justify;
	}
	
		ul#contenidolista, ul#infolista {
		    margin: 10px 0px !important;
		}
		
			#contenidolista li, #infolista li {
			    margin: 0 10px 0 25px;
			}
	
	#objetivo {
		width:400px;
		height:250px;
		display:block;
		position:relative;
		margin: 5px auto 5px 0px !important;
	}
	
		#objetivopaa02 {
			width:400px;
			height:300px;
			display:block;
			position:relative;
			margin: 5px auto 5px 0px !important;
			background-color: blue;
		}
		
		#objetivopaa03 {
			width:400px;
			height:390px;
			display:block;
			position:relative;
			margin: 5px auto 5px 0px !important;
			background-color: blue;
		}
		
		#objetivopaa04 {
			width:400px;
			height:540px;
			display:block;
			position:relative;
			margin: 5px auto 5px 0px !important;
			background-color: blue;
		}
	
	#textoobj {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 390px;
		padding: 5px;
		line-height: 1.2;
		text-align:justify;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.6);
	}

#tablainfocurso {
	width: 900px;
	display: flex;
	margin: 15px auto;
}

	#infopicl {
		float: left;
    	width: 285px;
    	padding: 5px;
	}
	
		#infopicl img {
    		margin: 0 auto;
		}
	
	#infopicc {
		float: left;
    	width: 300px;
    	background-color: #000;
    	color: #fff;
    	padding: 5px;
	}
	
	#infopicr {
		float: left;
    	width: 285px;
    	padding: 5px;
	}	

		#infopicr img {
    		margin: 0 auto;
		}
		
#gallery-3 a {
		margin: 0 auto;
}
	
div#wd-map2 {
    display: table;
}

div#izquierda /* Sidebar Página Principal, min 1000 max inf */ {
    width: 47.9%;
    float: left;
	margin-left: 20px;
}

div#derecha /* Sidebar Página Principal, min 1000 max inf */ {
    width: 47.9%;
    float: right;
	margin-right: 20px;
}

	#derecha .widget_text img {
    	float: right;
	}

.msgdprotect {
    background-color: #000000;
    width: 90%;
    margin: 0 auto;
}

	.msgdprotect td {
    padding: 25px;
	}
	
	table.msgdprotect a {
    color: #c3c3c3;
	}
	
	table.msgdprotect a:hover {
    color: #fff;
	}
	
	table.msgdprotect a:visited {
    color: #fff;
	}
	
.ms-membership-form-wrapper {
    margin: 0 auto;
    width: 60%;
}

table.nota /* INVESTIGAR */ {
    background-color: #aa2238;
    color: #fff !important;
}

	table.nota a {
    color: #c3c3c3;
	}
	
	table.nota a:hover {
    color: #fff;
	}
	
	table.nota a:visited {
    color: #fff;
	}

#secondary /* min 1000 max inf */{
    margin: 0 10px 0 0;
}

	#secondary ul {
    	padding: 0;
	}

	#secondary li.menu-item {
    border-bottom: 0px solid;
	}

aside.widget_nav_menu {
    background-color: #aa2238;
    padding: 24px 0px;
	border: 0px solid;
	border-radius: 0 0 10px 10px;
}

.widget li {
    padding-left: 10px;
}

.widget-area .widget a:hover {
    color: #fff;
}

.widget-area .widget a:visited:hover {
    color: #fff;
}

#custom_html-3 .textwidget.custom-html-widget,
#custom_html-4 .textwidget.custom-html-widget, 
#custom_html-5 .textwidget.custom-html-widget, 
#custom_html-7 .textwidget.custom-html-widget, 
#custom_html-8 .textwidget.custom-html-widget, 
#custom_html-18 .textwidget.custom-html-widget, 
#custom_html-20 .textwidget.custom-html-widget, 
#custom_html-22 .textwidget.custom-html-widget {
    padding: 0px;
    display: flex;
}

aside#custom_html-3,
aside#custom_html-4, 
aside#custom_html-5,
aside#custom_html-7,
aside#custom_html-8,
aside#custom_html-18,
aside#custom_html-20,
aside#custom_html-22 {
    margin-bottom:5px;
}

.widget-area .widget a:visited:hover {
	color: #fff;
}	

.widget-area .widget li:hover {
    background-color: #000;
}

.site-info {
	color: #A09F9F;
}

	.site-info a {
	color: #FFF !important;
	}
	
	.site-info a:hover {
	color: #BABABA !important;
	}
	
/* =Reset
-------------------------------------------------------------- */
	
caption,
th,
td {
	font-weight: normal;
	text-align: justify;
}
	
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Images */	
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0;
	box-shadow: none;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif !important;
	text-rendering: optimizeLegibility;
	color: #000;
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: transparent;
}	
.site-content {
	margin: 0 !important;
	margin: 1.714285714rem 0 0;
	padding: 24px;
	background-color: #fff;
}	
	
/* Header */
.site-header {
	padding: 0;
	padding: 0;
}

.header-image {
	margin-top: 0;
	margin-top: 0;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 0;
	margin-top: 0;
	text-align: center;
}


/* Sidebar */
.widget-area .widget h3 {
	display: none;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 12px;
	line-height: 1.846153846;
}

.widget-area .widget a {
	color: white;
	text-decoration: none;
    text-transform: uppercase;
}

.widget-area .widget a:hover {
	color: #fff;
}

.widget-area .widget a:visited {
	color: white;
}


/* Footer */
footer[role="contentinfo"] {
	border-top: 0px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 1200px !important; 
	max-width: 68.571428571rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 20px !important;
	padding: 1.714285714rem 0;
	background-color: black;
	text-align: center;
}


/* =Main content and comment content
-------------------------------------------------------------- */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 12px 0 !important;
	line-height: 1.714285714;
}

.entry-content h1 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 23px !important;
	line-height: 1.5;
	color:#AA2238;
}

.entry-content h2 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 20px !important;
	line-height: 1.6;
	color:#AA2238;
}

.entry-content h3 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 18px !important;
	line-height: 1.846153846;
	color:#AA2238;
}

.entry-content h4 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 16px !important;
	line-height: 1.846153846;
	color:#AA2238;
}

.entry-content h5 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 14px !important;
	line-height: 1.846153846;
	color:#AA2238;
}

.entry-content h6 {
	font-family:"Museo700 Regular", "Lucida Sans";
	font-size: 13px !important;
	line-height: 1.846153846;
	color:#AA2238;
}

.entry-content table,
.comment-content table {
	border-bottom: 0px solid #ededed;
	color: inherit;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.site-content article {
	border-bottom: 0px double #ededed;
	margin-bottom: 0 !important;
	margin-bottom: 5.142857143rem;
	padding-bottom: 0 !important;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* =Front page template
-------------------------------------------------------------- */

.template-front-page .widget-area .widget li a {
	color: #fff;
}	

.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 0px;
}

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
 
 
 /* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 1200px !important;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	
	.site-content /* min 1000 max inf */ {
		float: right;
		width: 73.76%;
	}
	
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 93%;
		padding: 24px 42px;
	}
	
	.widget-area {
		float: left;
		width: 200px;
	}
	
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px solid;
		border-top: 0px solid;
		border-radius: 10px 10px 0 0;
		display: inline-block !important;
		text-align: center;
		width: 100%;
		background-color: black;
	}
	
	.main-navigation li a {
		border-bottom: 0;
		color: white;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #AA2237;
	}
	
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #AA2237;
		font-weight: bold;
	}
	
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 50%;
		margin-bottom: 24px;
	}
	
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 50%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}	
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #7e2237;
	}
	body .site {
		padding: 0;
		padding: 0;
		margin-top: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}