/* @override http://localwordpress/wp-content/themes/artesvisuales/style.css */

/*
------------------------------------------------------------------------
Theme Name:    artesvisuales
Theme URI:     http://artesvisuales.com/
Description:   Nuevo tema wordpress ajustado a iPad y Facebook
Version:       1.0
Author:        IAV
Author URI:    http://artesvisuales.com/
------------------------------------------------------------------------

Support:       webmaster@artesvisuales.com
Updated:       17 agosto 2011
Copyright:     license" href="http://creativecommons.org/licenses/by-sa/3.0/

Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END reset */

/* Basic HTML y estructura 
--------------------------------------------------------------------------------*/
body {
	min-width: 970px;
	color:#333; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif; 
	line-height: 1;
	padding:0px 0 40px; 
}

/* =Containers
--------------------------------------------------------------------------------*/
.main
{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g210, .g305, .g430, .g640 {
	display: inline;
	float: left;
	margin-left: 10px;
}

.g510, .g960 {
	float:left; 
}

/* =Grid >> 3 Columns
--------------------------------------------------------------------------------*/
.g305{width:305px;}
.g430{width:430px;}
.g210{width:205px;}
.g510{width:510px;}
.g640{width:630px;}
.g960{width:950px;}


/* =Grid >> 3 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml320{margin-left:330px;}
.ml520{margin-left: 520px;}
.ml640{margin-left:650px;}
.ml960{margin-left:970px;}


.inside{margin-left:0;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 12px;
	color: #C00;
}

h2 {
	color: #C00;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	text-transform: uppercase; 
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 10px;
}

h5 {
	font-size: 9px;
}

h6 {
	font-size: 8px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

li {
	/* margin-left: 30px; */
	margin-left: 10px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px; 
	line-height:1.5em; 
}

/* Otros */

a {
	color:#F00; 
	text-decoration:none; 
	outline:none; 
}

a:hover {
	text-decoration:none; 
}

.link a:hover {
	background-color: #C00;
	color: white;
}

p a:hover {
	color: #C00;
}

.title a, .title a:visited {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.title a:hover {
	color: #C00;
}

.link a, .link a:visited {
	background-color: #BBB;
	border: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 6px;
}

.hr {
	margin:0px; 
	padding:0px; 
	height:1px; 
	font-size:1px; 
	background-color:#ffffff; 
	clear:both; 
	border-bottom:1px solid #cccccc; 
}

.hr_top {
	height:5px; 
	font-size:1px; 
	background-color:#eeeeee; 
	clear:both; 
	border-top:1px solid #cccccc; 
	margin-bottom: 15px;
}

.hr_top_home {
	height:5px; 
	font-size:1px; 
	background-color:#eeeeee; 
	clear:both; 
	border-top:1px solid #cccccc; 
}

.hr_bottom {
	width:100%;
	height:5px; 
	font-size:1px; 
	background-color:#eeeeee; 
	clear:both; 
	border-bottom:1px solid #cccccc; 
}

.meta {
	color: #999;
	font-size: 10px;
	margin: 0px 0px 15px;
	padding: 0px;
}

/* HEADER - Logo & Search */

#header {
	margin:0px auto; 
	padding:0px; 
	width:100%; 
	height:40px; 
	text-align:left; 
}

.logo, .logo a, .logo a:visited {
	position:relative; 
	width:245px; 
	height:40px; 
	background-image:url(images/logo.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	margin:0px 0px 0px 0px;  
	float:left; 
}

#search {
	margin:5px 20px 0px 0px; 
	padding:5px; 
	background-color:#eeeeee; 
	float:right; 
}

/* MENUS */

#menu {
	margin:0px; 
	width:100%; 
	height:30px; 
}

.main_menu li {
	margin:0px 20px 0px 0px; 
	padding:0px; 
	font-size:11px; 
	float:left; 
	list-style:none; 
}

ul.main_menu li {
	float:left; 
	position:relative; 
	font-weight:bold; 
}

ul.main_menu a {
	display:block; 
	line-height:2.1em; 
	color:#000000; 
	border-right:#FFFFFF 1px solid; 
	padding:0 1.2em 0 0; 
}

ul.main_menu a:visited {
	color:#000000; 
}

ul.main_menu a:hover {
	color:#666; 
	text-decoration:none; 
}

/* navegación desplegable */

.main_menu li ul {
	display:none; 
	position:absolute; 
	top:2.1em; 
	left:0; 
	filter:alpha(opacity=90); 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity:0.90; 
	opacity:0.9; 
}

.main_menu li ul a {
	border-right:none; 
	padding:0 0 0 0; 
}

.main_menu li ul a:hover {
	color:white; 
}

.main_menu li li {
	float:none; 
	width:18em; 
	font-weight:normal; 
	font-size:1em; 
	list-style:none; 
}

.main_menu li:hover ul, #nav li.sfhover ul {
	display:block; 
}

.page_item a, .page_item a:visited {
	margin:0px; 
	padding:0px; 
	color:#cc0000; 
	text-decoration:none; 
	display:block; 
	border-bottom:1px solid #ffffff; 
}

.current_page_item, .page_item a:hover {
	border-bottom:1px solid #cc0000; 
}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	border-bottom:none; 
}

/* END Main Menu */

/* Sub Menu */

#submenu {
	margin:0px; 
	width:100%; 
	height:30px; 
}

.sub_menu li {
	margin:0px 5px 7px 0px; 
	padding:0px; 
	font-size:11px; 
	float:left; 
	list-style:none; 
}

.cat-item a, .cat-item a:visited {
	margin:0px; 
	padding:3px 6px 3px 6px; 
	color:#999999; 
	text-decoration:none; 
	display:block; 
}

.cat-item a:hover {
	background-color:#999999; 
	color:#ffffff; 
	text-decoration:none; 
}

.current-cat, .current-cat a, .current-cat a:visited {
	background-color:#999999; 
	color:#ffffff; 
	text-decoration:none; 
}

.sub_menu li b {
	margin:0px; 
	padding:3px 0px 3px 0px; 
	color:#000000; 
	text-decoration:none; 
	display:block; 
}

/* END Sub Menu */

/* Dropdown Menu, if there are some children categories in WordPress defined */

.children {
	margin:0px; 
	padding:4px 0px 4px 0px; 
	position:absolute; 
	left:-9000px; 
	background-color:#ffffff; 
	border-right:2px solid #cccccc; 
	border-bottom:2px solid #cccccc; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd; 
	z-index:1; /* Modificado para situarlo sobre el cuadro de ofertas */
}

.sub_menu li:hover ul, .sub_menu li.iehover ul {
	left:auto; 
}

.children li {
	margin:1px 7px 1px 7px; 
	padding:1px 0px 1px 0px; 
	float:none; 
}

.children li a, .children li a:visited {
	background-color:#ffffff; 
	color:#999999; 
}

.children li a:hover {
	background-color:#999999; 
	color:#ffffff; 
}

.children .current-cat, .children .current-cat a, .children .current-cat a:visited {
	background-color:#999999; 
	color:#ffffff; 
	text-decoration:none; 
}

/* END Dropdown Menu */

/* CONTENT */

#content ul {
	margin:10px 0px 10px 0px; 
	padding:0px; 
}

#content li {
	margin:0px; 
	padding:7px 0px 7px 0px; 
	line-height:16px; 
	list-style-type:none; 
	border-bottom:1px dashed #aaaaaa; 
}

#front {
	float:left; 
}
	
#video {
	margin:0px 0px 15px 0px; 
	padding:10px 0px; 
	background-color:black; 
	text-align:center; 
}

#video img {
	background-color:black;
	margin:10px 0px 15px 0px; 
	padding:10px 3px 10px 3px; 
	text-align:center; 
}

div.lessonInfo {
	margin:10px 0px; 
	line-height:1.5em; 
}

span.infoTitle { 
	font-weight:bold; 
	color:navy; 
}

div#faq {
	padding-left:50px;	 
}

#temario ul li { 
	width:100%;
	height:105px;
	text-align:left; 
	list-style-type:none; 
}

td.filaPlanEstudios { 
	color:maroon; 
	line-height:1.7em; 
}

td.tituloPlanEstudios { 
	color:red; 
}

/* Featured */

#featured {
	margin:10px 0px 15px 0px; 
	padding:10px 2px 10px 2px; 
	background-color:#000000; 
}

#featured h3 {color:white; margin-left:10px;}

#featured h4 {color:white; margin-left:15px;}

#featured h1 a, #featured h1 a:visited {
	color:#ffffff; 
	font-size:12px; 
	margin-left:10px;
}

#featured h1 a:hover {
	color:#ffffff; 
	margin-left:10px;
}

#featured h2 {
	color:#999999; 
	font-size:9px; 
}

#featured h2 a, #featured h2 a:visited {
	padding:0px 0px 1px 0px; 
	color:#ffffff; 
	border-bottom:1px solid #333333; 
}

#featured h2 a:hover {
	color:#ffffff; 
	border-bottom:1px solid #ffffff; 
}

#featured p {color:white; font-size:11px; line-height:16px; margin-right:10px; margin-left:10px;}

#featured table {
	color:white; 
	font-size:11px; 
}

#featured p a, #featured p a:visited {
	color:#ffffff; 
	border-bottom:1px solid #333333; 
}

#featured p a:hover {
	color:#ffffff; 
	border-bottom:1px solid #ffffff; 
}

#featured img, #featured img a, #featured img a:visited {
	margin:0px 0px 10px 0px; 
	border:none; 
}

#featured ul, #featured ol {
	margin:20px 0px 20px 50px; 
	padding:0px; 
}

#featured li {
	margin:0px; 
	padding:3px 0px 3px 0px; 
	font-size:12px; 
	list-style-type:disc; 
	border-bottom:none; 
	color:white; 
	text-indent:10px; 
}

#featured li a, #featured li a:visited {
	text-decoration:none; 
	color:#ffffff; 
}

#featured li a:hover {
	color:#ffffff; 
	border-bottom:1px solid white; 
}

.category_header {
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 10px 10px;	
	background-color: #eeeeee;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	width:98%;
}

span.messageBody {
	color:silver; 
	font-variant:small-caps; 
	margin:10px 15px;
}

/* Single */

#entry {
	margin:20px 0px; 
}

#front h2 {
	color: #C00;
	font-size: 12px;
	font-weight: normal;
	display:inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-transform: uppercase; 
	vertical-align:7px; 	 
}

.g305 li {
	margin:0px; 
	padding:0px; 
	line-height:16px; 
	list-style-type:none; 
	border-bottom:1px dashed #aaaaaa; 
}

#front ul li div a img {
	width:190px; 
}

#front ul li div {
	width:200px;	
}

/* Album Flickr */
.Album { width:500px; background: #f5f5f5; padding: 5px; float:left;}
.AlbumHeader { text-align:center; padding-left:0px; }
.AlbumHeader h3 { font: normal 24px Arial, Helvetica, sans-serif; color: #FF0084; text-align: center; }
.AlbumHeader h4 { font: 16px Caflisch Script,cursive; color: #660033; text-align: center; }
.AlbumPhoto { background: #f5f5f5; margin-bottom: 10px; }
.AlbumPhoto p { float: left; padding: 4px 4px 12px 4px; border: 1px solid #ddd; background: #fff; margin: 8px; }
.AlbumPhoto span { float: left; padding: 4px 4px 12px 4px; border: 1px solid #ddd; background: #fff; margin: 8px; }
.AlbumPhoto img { border: none; }

blockquote {
	text-align:left; 
	margin:10px; 
	color:#C00;
}

/*Album home */

 .Albumhome { width: 920px; background: #f5f5f5; 
	padding-left:30px;  
} 
 .AlbumhomePhoto {
background: #f5f5f5; margin-bottom: 10px; } 
.Albumhome p { float: left; padding: 4px 4px 12px 4px; border: 1px
solid #ddd; background: #fff; margin: 8px; } 
.Albumhome span { float: left; padding: 4px 4px 12px 4px; border: 1px
solid #ddd; background: #fff; margin: 8px; } 
.Albumhome img { border: none; }

/* Sidebar */

#sidebar p {
	font-size:11px;
	color:gray; 
	line-height:1.2em; 
}

#sidebar #facebook a {
	color:black;
	font-weight: bold;
	text-decoration: none; 
}

#sidebar #facebook a:hover {
	color: #C00;
}

form#gsfn_search_form {
	width:200px;
	margin-left:-10px;
}

#facebook {
	margin-top:10px;	 
}

#sidebar #galeria.g210 ul li a img {
	width:190px; 
}

#sidebar h2{
	visibility:hidden; 
	margin-top:-25px;
}

#sidebar p.title {
	margin-top:10px;	 
}

/* FOOTER */

#footer {
	margin:10px 0px 0px 10px; 
	padding:20px 0px 20px 0px; 
	font-size:10px; 
	text-align:left; 
}

#footer a, #footer a:visited {
	color:#999999; 
	font-weight:normal; 
	text-decoration:none; 
}

#footer p a:hover {
	color:#000000; 
}

#footer li{ 
	display:inline; 
}

#footer h2 {
	color:#999999; 
	visibility:hidden; 
	margin-top:-30px;
}