/* @override http://wpartesvisuales/wp-content/themes/artesvisuales/style.css */
/*
Theme Name: artesvisuales
Theme URI: http://www.artesvisuales.com/
Description: Tema desarrollado para nuestra web.
Version: 1.0
Author: Felipe Elizagarate
*/

html { font-size: 12px; font-family: Arial, Verdana, sans-serif; }

/* Base */
body {
	text-align: left;
	background:url(images/fondo.jpg);
	background-repeat: repeat-x;
	background-color: #EFEFEF;
}

#wrapper {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* Reader links */
	#srLinks { position: absolute; left: -9999px; top: 0px; }

/* General  */

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold; color: #cc0000;}

em{font-style:italic;}
p{line-height:1.8em; font-family: Verdana, Geneva, sans-serif; font-size: 11px;
}

a {color:#000000; text-decoration:none;}
a:link {}
a:hover {color:#666; text-decoration:underline;}
a:active {}
a:visited {}

.fondo {
	background: #fff url(images/class-fondo.png) repeat-x left bottom;
	margin: 2em 0;
	border: 1px solid #bbb;
	padding: 1em;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Logo y navegación */

#logo { position:relative; width:640px; height:40px; background-image: url(images/newlogo.png); background-repeat: no-repeat;background-position: left; float: left; margin-left: 20px;
}
	
#google {
	color:#FFF;
	position:relative;
	float: left;
	width:300px;
	height:38px;
	margin: 0;
}	

/* navegación */
ul#nav {
	float:left;
	width:940px;
	background:#FFFFFF url(images/navbg.gif) top repeat-x;
	z-index:997;
	position:relative;
	background-color: #FFFFFF;
	background-image: url(images/navbg.gif);
	list-style: none;
}
ul#nav li {float:left;position: relative; font-weight:bold;}
ul#nav a {display:block;padding:0 1.8em 0 1.8em;line-height:2.1em;color:#000000;border-right:#FFFFFF 1px solid;}
ul#nav a:visited {color:#000000;}
ul#nav a:hover {color:#666; text-decoration:none;}

/* menú desplegable */
#nav li ul {display: none; position: absolute; top: 2.1em; left: 0;background: #eeeeee; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9;}
#nav li ul a {border-right:none; padding: 0 0.5em 0 0; border-bottom:#FFFFFF 1px solid; }
#nav li ul a:hover { color:#F00; }
#nav li li {float: none;width: 16em; font-weight:normal; font-size:1em; list-style: none;}
#nav li:hover ul, #nav li.sfhover ul { display: block; }

/* Cabeceras */

h2.conthead {background-color:#242328; color:#FFFFFF; padding:2.5em 0.4em 0.4em 0.5em; font-size:1.8em;}
h2.conthead span {display:block; font-size:0.8em; color:#CCCCCC;}

/* Area de contenidos */

.breadcrumb {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	color: gray;
}

.breadcrumb a {
	color: gray;
}

#mainCont {background-color:#fff; color:#000000;clear:both;padding: 0 0 10px 15px; min-height:26em; height:auto;
}
#mainCont h3 {}
#mainCont h3 span{ font-size:0.7em;  color:#000;}
#mainCont h4 {padding-bottom:1em; font-size:1.2em; }
#mainCont ol, #mainCont ul, {margin:1em 1em 1em 2em;}
#mainCont ol li{list-style: decimal outside;}
#mainCont ul li{
	line-height: 1.5em;
	list-style: disc outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	list-style-type: none;
}
#mainCont a, #mainContent a:visited {text-decoration:underline;}
#mainCont a:hover {}

.curso {
	margin: 10px 0px 20px 0px;
	padding: 10px 20px 10px 20px;	
	background-color: #eeeeee;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	font-size: 1.5em;
}  

#ssnav {position:relative; height:20px;margin-bottom:10px;}
#ssnav p {float:right;}

.banner { background-color:#504e4f; color: #FFF;}
.banner p {padding:10px;}

#leftcont {
	width:640px;
	float:left;
	margin-left:10px;
	font: 11px/1.5em Verdana, sans-serif;
}

#precio {
	float:left;
	margin: 10px;
	padding-left: 30px;
}

#precio h2 {
	background-image:url(images/quotes1.png);
	background-repeat:no-repeat;
	background-position:inherit;
	padding-left:20px;
}

.gris {
	width:570px; float:left; border:#d3d6d9 1px solid; background:#e6e6e6 url(images/layout/boxbg.gif) top repeat-x; margin:10px; font-size:0.95em; color:#4c575e;
}

#mainCont #leftcont .gris ul {
	margin-top: 5px;
	margin-left: 20px;
	list-style-type: circle;
}

div.clearcont {clear:both; line-height:1px;}

#faq {
	width: 95%;
	margin: 0px 0px 0px 20px;
}	

/* Home */

#homepageleft {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	}
	
#homepageright {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 0px;
	}	

.homefeatured {
	background: #FFFFFF url(images/featuredtop.png) top no-repeat;
	float: left;
	width: 280px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDDDDD;
	}
	
#homepagebottom p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
	
.homebottom {
	float: left;
	width: 590px;
	margin: 0px;
	padding: 10px;
	display: inline;
	}	
	
/* Sidebar */

#rightcont {
	float:right;
	padding:0 0 5px 10px;
	width:290px;
	position:relative;
	font-size:0.95em;
	color:#666666;
}

#menu {
	margin: 0px 10px 0px 5px;
}	

.widget {
	margin: 10px 0px 0px 10px;
}

#contacto {
	width: 70%;      
	padding: 5px 0px 5px 30%;  
	color:#F00;
	font: 11px Verdana, sans-serif;
}

/* Footer */

#footerwidth{ 
	max-width:100%;
}

#footerwidth ul{
	list-style-type: none;
}

#footerwrapper {
	background-image: url(images/footer_bg.png);
	margin: 10px 0px 0px 80px;
}
 
#footerleftcol{
	width:33%; 
	float:left; 
	position:relative; 
  }
 
#footertwocols{
	width:67%; 
	float:right; 
	position:relative;
}
 
#footerrightcol{
	width:50%; 
	float:right; 
	position:relative; 
 }
 
#footermaincol{
	float: left; 
	display:inline; 
	position: relative; 
	width:50%; 
 }
 
#footerend{
	color:#333;
	height:100%;
	color:#333;
	font-size:10px;
	text-align:center;
	padding: 5px 0px 5px 0px;
	clear:both;
 } 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
 /* Galeria */
 #galpagewidth{
	max-width:640px;
}
 
#galheader{
	position:relative;
	height:100%;
	background-color:#FFFFFF;
	width:100%;
	padding-bottom: 20px;
} 
 
#galleftcol{
 width:50%; 
 float:left; 
 position:relative; 
  }
 
#galrightcol{
	width:50%;
	float:right;
	position:relative;
	text-align: right;
 }
 
#galfooter{
 height:100%; 
  background-color:#FFFFFF; 
 clear:both;
 } 
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* Enlaces a documentos externos
a[href^="http:"] {
background: url(images/exlink.gif) no-repeat right;
padding-right:12px;
} */

a[href$=".doc"] {
	background: url(images/wordlink.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".pdf"] {
	background: url(images/pdflink.gif) no-repeat right top;
	padding-right:15px;
}