html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


body {

	font-size: 0.9em;
	font-family: Helvetica, 'Arial', sans-serif;
	height: auto;
	width: 100%; 
	float: left; 
	opacity: 1; 
	-webkit-transition: opacity 1s ease;}

strong.on {font-weight:400;}
strong.si {font-weight:bold;}
strong.sisi {font-weight:bold;border-bottom:solid 1px #FFFFFF;margin-bottom:0.5em;}
header {
height: auto;
width: 100%; 
float:left;
}

#container {
height: auto;
width: 100%; 
float:left;
}


/*bar nav*/ 
#programa {
height: auto;
width: 100%; 
float: left;
padding:0;
margin:0;
}

span.inv {display:none;}

#barra {
width:100%;
padding:0.5% 0 0.5% 0;
font-size:100%;
text-align:right;
margin:0;
height: auto;
float:right;
}
#navlist {text-shadow: 0px 2px 3px #555;
font-size:100%;
width:97%;
font-family: 'Caudex', serif;
margin: 0 auto;
padding:0;
text-align:center;
display: block;
height:auto;
float:left;

}
#navlist li {
line-height:1.3em;
font-size:100%;
font-weight:400;
letter-spacing:1px;
margin:0 0 0 4%;
padding:1% 0 1% 0;
list-style: none;
float:left;
}

#barra a, #navlist li.extend {
height:auto;
margin: 0px;
display: block;
text-decoration: none;
color: #EEEEEE;
}

#barra a:hover, #barra a#current
{
color:#FFDF68;
}

img#tit {width:35%;float:left;margin:0 0 0 4%}

/* texto */
#magia, #infobottom {
width:100%;
float:left;
height:auto;
}
#magia-services {
width:98%;
float:left;
height:auto;
padding:1% 0 3% 2%;}

p.contenidos {text-align:justify;margin:0 0 0.5em 0;}

.magia-center {
float:left;
width:28%;
padding:1% 2% 1% 2%;
}
.magiaint {float:left;width:100%;margin:0 0 1em 0;}
.top  {
float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:100%;
margin:1% 0 0 0;
padding:0;
border:none;
} 
.magia-center p {
line-height:1.8em;
}

#infobottom {
background:#000000;
}

#pdfs {width:100%;
padding:0;
text-align:right;
margin:1.5em 0 0 0;
height: auto;
float:right;}

#services {
font-family: 'Caudex', serif;
font-size:0.8em;
width:94%;
margin:0 6% 0 0;
padding:0;
text-align:right;
display: block;
height:auto;
float:right;
}

#services li {
letter-spacing:0px;
margin:2% 0 0 3%;
list-style: none;
float:right;
}

#pdfs a, #services li.extend {
box-shadow:2px 2px 5px #000000;
border:none; font-family:arial, helvetica, sans-serif;  text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
margin: 0;
display: block;
text-decoration: none;
color: #FFFFFF;
padding:0.5em;
}


#pdfs a:hover
{
 border:none;
 background-color: #646464; 
text-decoration: none;
color:#FFFFFF;
}

.pdf {color:#FFFF3D;}

.slider { margin: 30px 0 10px!important;}


a.uline {border-bottom:1px dashed #FFFFFF;padding-bottom:1px;}
a.uline:link {text-decoration:none;color:#FFFFFF;}
a.uline:active {text-decoration:none;color:#FFFFFF;}
a.uline:hover {text-decoration:none;color:#FFDB45;border-bottom:1px solid #FFDB45;}
a.uline:visited {text-decoration:none;color:#FFFFFF;}

a.iline {border-bottom:1px dashed #000000;padding-bottom:1px;color:#000000;font-weight:600;}
a.iline:link {text-decoration:none;color:#000000;}
a.iline:active {text-decoration:none;color:#000000;}
a.iline:hover {text-decoration:none;color:#000000;border-bottom:1px solid #000000;}
a.iline:visited {text-decoration:none;color:#000000;}

a.line:link {text-decoration:none;color:#000000;}
a.line:active {text-decoration:none;color:#000000;}
a.line:hover {text-decoration:none;color:#666666;border-bottom:1px dashed #666666;}
a.line:visited {text-decoration:none;color:#000000;}

.bottom1 {width:91%;float:left;height:auto;padding:1% 5% 1.5% 4%;}

.visual {float:left;width:40%;margin:0.5em 1em 0 0; padding:0;}
.perfil span  {color:#999;}
.perfil  {color:#FFFFFF;}
.perfil h2 {font-size:1.5em;font-weight:bold;color:#FFCE49;margin:0.3em 0 0.5em 0;}
.bottom2 {width:46%;float:left;height:auto;padding:0;line-height:1.6em;margin:0 0 0 2%;}
.aka {float:left;width:100%;font-size:0.9em;margin:1em 0 0.3em 0.5em;color:#666;line-height:1.5em}
#final {width:92%; background:#121212;float:left;margin:0;padding:1% 4% 2% 4%;}
.copy {float:left;width:100%;font-size:0.9em;margin:0;color:#FFFFFF;}