/* reset style */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{font-variant:normal}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*because legend doesn't inherit in IE */
legend{color:#000}


/*css*/
*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden;}

body {text-shadow: 0 1px 0 #000; height: 100%; font-family: Arial;font-size: 10px;color: #999;background-color: black;}
a img {border: 0; outline: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}        
a:hover {text-decoration: none;}

#bg {z-index: 1;}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#raster {background-image: url(img/bg/raster.png)!important;background-image: url(img/bg/raster.gif); background-repeat: repeat; width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}

#bg_portada {width: 320px; height: 100px; position: absolute; top: 80px; left: 0px; z-index: 2; background-color: #000;opacity:0.6;filter:alpha(opacity=60);}
#bg_portadatxt {width: 314px; height: 100px; position: absolute; top: 80px; left: 0px; z-index: 3;color: #fff;}
#nombre {text-align: right; font-family: Arial; font-size: 40px; letter-spacing: 1px;}
#nombre a:link {color: #fff;}
#nombre a:visited {color: #fff;}
#nombre a:hover {color: #fff;}
#nombre a:active {color: #fff;}
#sub_nombre {text-align: right; font-family: Arial; font-size: 20px; letter-spacing: 4px;margin-top: -6px;}
#sub_nombre a:link {color: #fff;}
#sub_nombre a:visited {color: #fff;}
#sub_nombre a:hover {color: #fff;}
#sub_nombre a:active {color: #fff;}
#exp {position: absolute;top: 0;left: 0;z-index: 4}

#menu_portada {position: absolute; top:180px; width: 320px;z-index: 2;}
.item_menu {padding: 4px 0px; background-color: #000;opacity:0.6;filter:alpha(opacity=60);color: #fff; float: right;clear: both;margin-top: 8px;}
.item_menu a:link {text-decoration: none;color: #fff;padding: 4px 10px;}
.item_menu a:visited {text-decoration: none;color: #fff;padding: 4px 10px;}
.item_menu a:hover {text-decoration: none;background-color: #eeeeee;color: #000;padding: 4px 10px;text-shadow: 0 1px 0 #fff;}
.item_menu a:active {text-decoration: none;color: #fff;padding: 4px 10px;}

#piefnd {position:absolute; bottom:0;right:0; height:90px;background-color: #000;opacity:0.6;filter:alpha(opacity=60);z-index:4;width: 100%;}
#pie {position:absolute; bottom:0; height:80px;z-index: 5;width: 100%;margin-left: auto;margin-right: auto;text-align: left;}
#menugalerias {width: 900px; margin-left: auto;margin-right: auto;font-size: 10px;}
.galeria {width: 90px;margin-left: 10px;margin-right: 10px;text-align: center;float: left;font-size: 10px;}
#mproject {position: absolute; right: 5px;bottom: 2px;z-index: 7;width: 18px;height: 18px;}

#curriculum {position:absolute; margin-left: 360px; margin-top: 100px;z-index: 3;padding: 30px;margin-right: 40px; padding-bottom: 100px; background-color: #fff;opacity:0.8;filter:alpha(opacity=80);font-family: Courier;font-size: 12px;color: black;text-shadow: 0 0px 0 #000;text-align: justify;*width: 60%;}
.curriculum_titulo {margin-top: 30px;margin-bottom: 10px;text-transform: uppercase;font-size: 14px;}
#ie6 {position: absolute;margin-left: 400px;margin-top: 200px;margin-right: 50px; width: 500px;background-color: #000;opacity:0.7;filter:alpha(opacity=70);z-index:4;padding: 30px;font-family: Courier;text-align: center;font-size: 12px;}
.mail {font-size: 16px;}
img#background {position:fixed;top:0;left:0;width:100%;z-index: -1;}

@media screen{body>div#piefnd{position:fixed;}}
@media screen{body>div#pie{position:fixed;}}
@media screen{body>div#raster{position:fixed;}}
html>body #exp {position: fixed;}

/*css contacta*/
/* formulario */
form {width: 410px;padding: 10px;margin: -20px auto;}
label {display: block;margin-top : 8px;width: 100%;background-repeat: no-repeat;z-index: 3;}
#emailcontainer {margin-left: 360px; margin-top: 60px; z-index: 3;margin-right: 40px; margin-bottom: 120px; background-color: #000;opacity:0.6;filter:alpha(opacity=60);font-family: Courier;font-size: 12px;text-shadow: 0 0px 0 #000; width: auto;max-width: 700px; text-align: center;padding-bottom: 40px;padding-top: 20px;}
 
/* mensaje envio OK */
.MsgSent {Display: block;padding: 10px;margin: 40px auto;width: 450px;text-align: center;font-size: 12px;color: #00ff00;}
/* mensaje error de envio */
.MsgError {Display: block;padding: 10px;margin: 40px auto;width: 400px;text-align: center;font-size: 12px;color: red;}

/* estilos popup comprobacion de formulario*/
.tipsbox {background-color: red;opacity:0.7;filter:alpha(opacity=70);padding: 5px;font-family: Arial;color: #000;font-size: 10px;text-align: center;*margin-left: -710px; *background-color: #000;*color: red;}

/*estilos del formulario*/
input, textarea {font-size:12px;color:#000;  /*color texto casillas*/background-color: #fff;border-style: none;z-index: 3;}

label {color:#fff; /*color texto etiquetas*/padding-left:2px;z-index: 3;text-align: left;font-size: 12px;font-family: Courier;}

/*Text inputs*/
.textinput, .textinputHovered {height:15px;border:none;vertical-align:top;}
.textinputHovered {background-position:left bottom;}
.inputCorner {padding-bottom:0;vertical-align:middle;}

/*Text areas*/
.txtarea img.txt_corner {width:5px;height:5px;display:block;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px;float:left;}
.txtarea textarea {border:0;background:none;padding:0;margin:5px;}

/*Button*/
.buttonSubmitt {font-size:12px;color: #fff;width: 50px;height: 20px;background-color: #000; border: 1px solid #fff;border-style: none;cursor: pointer;}
.buttonSubmitt:hover {font-size: 12px;color: #222;width: 50px;height: 20px;background-color: #fff;border-style: none;cursor: pointer;}