/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.wrap{
	overflow:hidden;
	width:925px;
	margin-left:-5px;
	padding-left:5px
}
/* Global properties */
body {
	border:0;
	color:#FFF;
	line-height:20px;
	background-color: #FFF;
	background-repeat: repeat;
	background-position: center 0;
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {
	width:920px;
	height: 860px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.body1 {
	background:url(../images/bg_top_img.jpg) top center no-repeat;
	
}
.body2 {
} 
.body3 {background:url(../images/bg_bot.jpg) top center repeat}
.body4 {background:url(../images/bg_bot_img.jpg) top center no-repeat}
.body5 {}
.body6 {}
/* main layout */
a {color:#a80002;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
h1 {float:left;padding:0px 0 0 20px}
h2 {
	font-size:18px;
	line-height:normal;
	color:#FFF;
	letter-spacing:0px;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
h2.letter_spacing {letter-spacing:-3px}
h3 {font-size:27px;color:#230000;line-height:1.2em;padding:20px 0 9px 0;letter-spacing:-1px}
h3 span {color:#a80002}
p {padding-bottom:24px}
/* header */
header {
	height:174px;
	padding-top:30px;
	width:100%;
	overflow:hidden
}
#logo {display:block;background:url(../images/logo2.png) 0 0 no-repeat;width:349px;height:174px;text-indent:-9999px}
#top_nav {
	float:right;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 0;
}

#top_nav li {float:left;padding:3px 26px 5px 0;background:url(../images/top_line.gif) right 0 no-repeat;margin-right:25px}
#top_nav li a {display:block;line-height:0}
#top_nav .end {background:none;padding-right:0;margin-right:0}
#menu {
	width:633px;
	float:left;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: -100px;
}

#menu li {
	float:left;
	padding-left:0px;
	width: 200px;
}
#menu li a {
	display:block;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;	
	
}

#menu li a:hover, #menu .active a {
	display:block;
	background-image: url(../images/titreover1.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.slider_bg {
	width:100%;
	height:270px;
	position:relative;
	overflow:hidden;
	
	margin-bottom:35px
}
.slider_over {
	;
	height:270px;
	position:relative;
	z-index:4;
	width:920px;
	background-image: url(../images/maskslide.png);
	background-repeat: no-repeat;
}
.slider {top:10px;right:20px;position:absolute;z-index:1;width:920px}
.slider .items {display:none}
.slider .pic {float:right;position:relative}
.banner {left:0px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
.banner strong {
	font-size:36px;
	color:#0C0;
	display:block;
	line-height:1.2em;
	
	letter-spacing:-2px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.banner strong span {display:block;margin-top:-16px}
.banner b {
	display:block;
	font-size:24px;
	color:#CCC;
	
	padding:0 0 23px 0;
	line-height:1.2em;
	letter-spacing:-1px
}
.banner p {background:url(../images/quot1.png) 0 0 no-repeat}
.banner p span {display:block;background:url(../images/quot2.png) right bottom no-repeat;padding:0 0 0 0;color:#6c5f5b;padding-bottom:2px}
.slider .pagination {position:absolute;z-index:2;bottom:0px;left:107px}
.slider .pagination li {float:left;padding-right:3px}
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
/* content */
#content {
	padding-bottom:40px;
	margin-top: -20px;	
}
#content2 {padding-bottom:31px}
.pad_left1 {
	padding-left:20px;
	
}
.pad_bot1 {
	padding-bottom:0px;
	color: #FFF;
}
.pad_botvignette {
	padding-bottom:10px;
	color: #FFF;
}
.pad_bot1 a {
	color: #FFF;
}

.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}
.box {
	
	background-image: url(../images/box_bg.png);
	background-repeat: no-repeat;
}
.box2 {
		
	background-image: url(../images/box_bg2.png);
	background-repeat: no-repeat;
}
.box3 {
		
	background-image: url(../images/box_bg3.png);
	background-repeat: no-repeat;
}
.box4 {
		
	background-image: url(../images/box_bg4.png);
	background-repeat: no-repeat;
}
.box > div {
	padding-top:20px;
	overflow:hidden;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box2 > div {
	padding-top:20px;
	overflow:hidden;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box3 > div {
	padding-top:20px;
	overflow:hidden;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box4 > div {
	padding-top:20px;
	overflow:hidden;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box h2 {
	
}
.box2 h2 {
	color:#FFF;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 40px;
}
.box h2 span {
	
}
.box2 h2 span {
	
}
.box div .img_box{
	padding-bottom:13px;
	padding-top: 10px;
	padding-right: 0px;
}
.box2 div .img_box{
	padding-bottom:13px;
	padding-top: 10px;
	padding-right: 0px;
}
.box3 div .img_box{
	padding-bottom:13px;
	padding-top: 10px;
	padding-right: 0px;
}
.box4 div .img_box{
	padding-bottom:13px;
	padding-top: 10px;
	padding-right: 0px;
}


.list1 li a {font-style:italic;padding-left:12px;background:url(../images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
.list_1 {color:#fff}
.list_1:hover {text-decoration:none}
.button1 {
	display:inline-block;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/leermas.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 80px;
}
.button1:hover {text-decoration:none;color:#1e0000;}
.testimonials li span {float:left;width:40px;height:40px;font-size:30px;color:#faf3ed;line-height:34px;text-align:center;background:#a80002;margin-right:20px}
.testimonials li p {float:left;width:180px;padding-bottom:15px}
.testimonials li img {padding-top:2px}
.line1 {background:url(../images/line_vert1.gif) 285px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 615px 0 repeat-y}
.price {margin-top:-7px}
.price li {overflow:hidden;background:url(../images/price_bg.gif) 0 -6px repeat-x}
.price a {float:left;color:#220000;background:url(../images/marker_2.gif) 1px 11px no-repeat #faf3ed;padding-left:12px}
.price a:hover {text-decoration:none;color:#a80002}
.price span {float:right;background:#faf3ed}
.address {padding-bottom:0}
.address span {float:left;width:84px}
/* footer */
footer {height:138px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
footer a {color:#c53005;text-decoration:underline}
footer a:hover {text-decoration:none}
#icons {padding:5px 0 0 0}
#icons li {float:left;padding-right:9px}
/* Tooltips */
.aToolTip {background:#a80002;color:#fff;	margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
/* forms */
#ContactForm {margin-top:-5px;width:910px}
#ContactForm span {float:left;width:111px;line-height:20px}
#ContactForm .wrapper {min-height:24px}
#ContactForm .textarea_box {
	min-height:170px;
	width:100%;
	overflow:hidden;
	padding-bottom:9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#ContactForm {}
#ContactForm a {margin-left:20px;float:right}
#ContactForm .input {
	width:399px;
	height:18px;
	padding:1px 5px;
	color:#220000;
	font:14px Georgia, "Times New Roman", Times, serif;
	margin:0;
	float:left
}
#ContactForm textarea {
	overflow:auto;
	width:789px;
	height:163px;
	padding:1px 5px;
	color:#220000;
	font:14px Georgia, "Times New Roman", Times, serif;
	margin:0;
	background-image: url(../images/cursosgrabado.png);
	background-color:transparent;
	background-repeat: no-repeat;
}

.text_bg {
	width:100%;
	height:250px;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background-image: url(../images/traitmenu.png);
	background-repeat: no-repeat;
}
.first_image{
	width:180px;
	padding-right: 10px;
	padding-left: 10px;
}

.boxninostaller {
	
	background-image: url(../images/galtaller.png);
	background-repeat: no-repeat;
}

.boxninosceramica {
	background-image: url(../images/galceramica.png);
	background-repeat: no-repeat;
	height: 50px;
	
}

.boxninosdibujo {
	
	background-image: url(../images/galdibujo.png);
	background-repeat: no-repeat;
}
.boxninosescultura {
	
	background-image: url(../images/galescultura.png);
	background-repeat: no-repeat;
}
.boxninosgrabado {
	
	background-image: url(../images/galgrabado.png);
	background-repeat: no-repeat;
}
.boxninosmascara {
	background-image: url(../images/galmascara.png);
	background-repeat: no-repeat;
	
}
.boxninospintura {
	
	background-image: url(../images/galpintura.png);
	background-repeat: no-repeat;
}
.boxninosreciclado {
	
	background-image: url(../images/galreciclado.png);
	background-repeat: no-repeat;
}
.boxninosvitrofusion {
	
	background-image: url(../images/galvitrofusion.png);
	background-repeat: no-repeat;
}

.text_ninos {
	padding-left: 150px;
	padding-top: 10px;
	
}
#img_textninos {
	background-image: url(../images/imgtextninos.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	font-size: 18px;
	display: block;
	float: left;
		
}
#img_textninos b {
	padding-top: 2px;
	padding-left: 3px;
}
.ver_galeria {
	line-height: 12px;
	
}
/* page nuevos cursos */
.intro_bg {
	width:100%;
	height:40px;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background-image: url(../images/traitmenu.png);
	background-repeat: no-repeat;
}

.ceramica_box {
		
	background-image: url(../images/cursosceramica.png);
	background-repeat: no-repeat;
	height: 225px;

}
.grabado_box {
		
	background-image: url(../images/cursosgrabado.png);
	background-repeat: no-repeat;
	height: 225px;

}
.vitrofusion_box {
	background-image: url(../images/cursosvitrofusion.png);
	background-repeat: no-repeat;
	height: 225px;
	width: 445px;
}
.img_boxright{
	float: right;
	padding-right: 10px;
}
.img_boxleft{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.pad_rightcursos{
	padding-left: 10px;
	padding-right: 10px;
	display: block;	
}
.intro_box{
	height: 145px;
	padding-top: 15px;
}
.img_info{
	background-image: url(../images/infolistbox.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	padding-left: 25px;
}

/* page asesoria */
#asesorialist
 {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 }

#asesorialist li
 {
	padding-left: 60px;
	background-image: url(../images/flecheasesoria.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 865px;
 }
.sousligne_text {
	float: left;
	background-image: url(../images/sousligneasesoria.png);
	background-repeat: no-repeat;
	height: 30px;
	width: auto;
	background-position: 0px 20px;
	padding-right: 4px;
	padding-left: 4px;
}
.gauche {
	float: left;
}
#img_titre {
	background-image: url(../images/titreninos.png);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: 20px;
}