/*
THEME NAME:  Gravity
THEME URI: http://www.mupcow.com
DESCRIPTION: Templete diseñado para Gravity Studio Basado en Autum Leaves.
VERSION: 1.0
AUTHOR: MUPCOW
AUTHOR URI: http://www.MUPCOW.com/
TAGS: white, clean, java heade, one column, fixed width,  widget ready, gravatar support, valid XHTML, valid CSS, w3c, Private
*/

body {
	font-family:  Helvetica, Arial, Verdana, Sans-serif;
	font-size: 10pt;
	background-color: #fff;
        marign 10px;
        color: #4D4D4D;
}

h1#blog-title {
	margin: 0;
	padding: 0;
}

h2{ color: #753C92;}
h3, h3 a, h3 a:visited, h3 a:hover { color: #753C92;}
a {
	color: #753C92;
        text-decoration: none;
}

a:hover {
	color: #753C92;
}

a img {
	border: 0 none;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color: #FFF;
	
}

blockquote{font-style: italic;}
#header {
	height: 25px;
}

.entry-content {
               text-align : justify;
}

.entry-title a {
	color: #753C92;
}

.entry-title a, #footer a {
	text-decoration: none;
}

.entry-title a:hover, #footer a:hover {
	text-decoration: underline;
}

div.skip-link {
	display: none;
}

#content {
	padding: 1em;
}


#content2 {
	width: 600px;
        padding: 20px, 10px, 10px, 10px;
        display: inline;
        float: left;
}

#centro {
       width: 70%;   
       
}

.entry-title {
	font-size: 1.5em;
	margin: 1em 0 0 0;
}

abbr.published {
	color: #666;
	border: 0 none;
}

.entry-meta, .entry-date {
	color: #666;
}

#comments-list .avatar {
	float: left;
	margin-right: 1em;
}

#comments-list .n {
	font-weight: bold;
}

.entry-meta a, .comment-meta {
	font-style: italic;
}

#comments-list p {
	clear: left;
}

#primary {
	padding-left: 3em;
	font-size: 0.9em;
        widht: 270px;    
        display: inline;
        float: left;

	}

#footer {
	text-align: center;
	font-size: 0.8em;
	border-top: 3px solid #753C92;
	}

#inner-footer {
	padding: 1em 0;
}

.entry-meta, .entry-meta a,
.comment-meta, .comment-meta a,
#footer, #footer a {
	color: #666;
        text-decoration:none;
}

/*
LAYOUT: ONE COLUMN

*/
div#container {
float:left;
margin:0;
width:100%;
}

div#containerhome {
 margin:0 auto; ;  position:relative; text-align:center; width:900px; background:transparent;
}

div#content {
margin: 0;
}

#fthome {
margin: 0;
width: 100%
min-height: 160px;
height: 160px;
background:url('http://www.gravitystudio.com.mx/home/images/barra-gris.png') no-repeat center top; !important
}

#boxhome {
margin: 0;
width: 102%;
height: 160px;
display: inline
}


div#footer {
clear:both;
width:100%;
}

.entry-title,.entry-meta {
clear:both;
}

div#primary {
padding-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0 0 10px 0;
}

input#author,input#email,input#url,textarea#comme

nt {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin: 0 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:2px 1em 1em 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
margin-top:1em;
}

div#nav-below {
margin-top:1em;
margin-bottom:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation 

div {
width:50%;
}

h3,div.sidebar ul {
margin:0;
padding:0;
list-style:none;
}

div.sidebar li {
                 padding: 0 0 20px 0;  
}

/* Begin CSS Drop Down Menu */

#menuh-container
	{
        background-color: #753C92;
        position:relative; 
        width:900px;
	}

#menuh
	{
	font-size: 13px;
	font-family: Helvetica, Arial,  sans-serif;
	width:100%;
	float:left;
        background-color: #753C92;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	border: 4px solid #753C92;
	white-space:nowrap;
	margin:0 10px;
        height: 18px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ffffff;
	background-color: #753C92;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #ffffff;
	background-color: #753C92;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	min-width: 4em;
        float:left;
	width:auto;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


#navsub ul { list-style-type: none; }
#navsub ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 17px;
}
#navsub ul li { display: inline; }
#navsub ul li a { text-decoration: none; 
padding: .2em 1em;
color: #753C92;
}

#navcontainer ul li a:hover
{
text-decoration: underline; 
}

#navsub2 ul { list-style-type: none; }
#navsub2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
display: inline;
}
#navsub ul li { display: inline; }
#navsub ul li a { text-decoration: none; }


////////

ul.menu
{
	
}

ul.menu li
{	
	margin-left: 40px;
        margin-bottom: 20px;
	list-style-image: url("http://www.gravitystudio.com.mx/home/images/vineta.png");
}

.tablac {
	line-height: 20px;
        }

.botonp{
     //   margin: 3px 6px 3px 6px;
       }

/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 90px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}

#slider ul, #slider li { padding: 0; list-style:none; }
#slider li { width:900px; height:400px; overflow:hidden; margin:0; padding:0;}	#main #explicacion ul li {
	text-align: left;}

div[id|='slider-talleres'] ul, div[id|='slider-talleres'] li { padding: 0; list-style:none; }
div[id|='slider-talleres'] li { width:750px; height:400px; overflow:hidden; margin:0; padding:0;}

#sliderInstructoras{ margin: 0 auto; width: 500px;}
#sliderInstructoras ul, #sliderInstructoras li { padding: 0; list-style:none; }
#sliderInstructoras li { width:250px; height:400px; overflow:hidden; margin:0; padding:0;}

#prevBtn{ 
	display:block;
	width:30px;
	position: absolute;
	top: 80%;
	left: 20%;
}

#nextBtn{
	width: 30px;
	display: block;
	position: absolute;
	top: 80%;
	right: 20%;
}

ul.tabs, ul.sub-tabs {list-style:none; width:700px;}
ul.clases {list-style: none; width: 800px;}
ul.tabs li:first-child, ul.sub-tabs li:first-child, ul.clases li:first-child {border-left:1px solid #ccc;}
ul.tabs li, ul.sub-tabs li, ul.clases li {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee;}
ul.tabs li.active, ul.sub-tabs li.active, ul.clases li.active {border-bottom:1px solid #fff; background-color:#fff; margin-bottom:-1px;}
ul.tabs li a, ul.sub-tabs li a, ul.clases li a {display:block; padding:5px 10px; color:#777; letter-spacing:-1px; outline:none; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.tabs li.active a, ul.sub-tabs li.active a, ul.clases li.active a {font-weight:500; color:#000;}
div.tabs_content {width:850px; border:1px solid #ccc;}
div.cont-hrs {width: 870px; border: 1px solid #ccc;}
div.sub-tabs_content {width:800px; border:1px solid #ccc;}
div.tabs_content > div, div.sub-tabs_content > div, div.cont-hrs > div {padding: 20px; display:none;}
div.cont-hrs > div {margin-top: 30px;}
div.cont-hrs > div div {margin: auto; width: 300px;}
div.cont-hrs > div tr td {border: 1px solid #000;}
div.sub-tabs_content > div{ margin-top: 50px;}

#cont-taller{
	position: relative;
}

ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}