::-moz-selection {background:#d90031; color:#fff;}
::selection {background:#d90031; color:#fff;}

html {background: #f9f9f9;}

body {
	margin: 0px; 
	height: 100vh;
	font-family: "BebasNeue", TrebuchetMs, Helvetica, sans-serif; 
	color: white;
	font-size: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
}

img {
	display: block;
	width: 100%; max-width: 250px;
}

@media(max-width: 500px){
	img {max-width: 150px;}
}

/*
@font-face {
	font-family: 'BebasNeue'; 
	src: url('../fonts/bebasneue-webfont.eot'); 
	src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebasneue-webfont.woff') format('woff'),
		 url('../fonts/bebasneue-webfont.ttf') format('truetype'),
		 url('../fonts/bebasneue-webfont.svg#webfont') format('svg'); 
	font-weight: normal; 
    font-style: normal; 
}
@font-face {
	font-family: 'Serif72'; 
	src: url('../fonts/serif72beta-italic-webfont.eot'); 
	src: url('../fonts/serif72beta-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/serif72beta-italic-webfont.woff') format('woff'),
		 url('../fonts/serif72beta-italic-webfont.ttf') format('truetype'),
		 url('../fonts/serif72beta-italic-webfont.svg#webfont') format('svg'); 
	font-weight: normal; 
    font-style: normal; 
}
@font-face {
    font-family: 'Serif72Bold'; 
    src: url('../fonts/serif72beta-bolditalic-webfont.eot'); 
    src: url('../fonts/serif72beta-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/serif72beta-bolditalic-webfont.woff') format('woff'),
         url('../fonts/serif72beta-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/serif72beta-bolditalic-webfont.svg#serif72_beta_rgbold_italic') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}
@font-face {
	font-family: 'OpenSansReg'; 
	src: url('../fonts/opensans-condlight-webfont.eot'); 
	src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-condlight-webfont.woff') format('woff'),
		 url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-condlight-webfont.svg#webfont') format('svg'); 
	font-weight: normal; 
    font-style: normal; 
}
@font-face {
	font-family: 'OpenSansBold'; 
	src: url('../fonts/opensans-condbold-webfont.eot'); 
	src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-condbold-webfont.woff') format('woff'),
		 url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-condbold-webfont.svg#webfont') format('svg'); 
	font-weight: normal; 
    font-style: normal; 
}
a {
    color: inherit; 
    text-decoration: none; 
}

.hidden {display: none;}
.clear {clear: both;}
#header {height: 50px; margin: 0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.9); position: fixed; z-index: 50; width: 100%}
#content-header {width: 850px;  height: 104px;  margin: auto;}
#content-header ul {float: right; margin: 13px 15px 0 0;}
#content-header ul li {float: left; margin-left: 40px; display: inline; list-style-type: none; font-size: 21px;}
#content-header ul li:hover {color: #ddd;}
#content-header ul li.active {color: #ddd;}
#logo {width: 110px; height: 72px; background: url("../imgs/logo3.png"); position: absolute; background-size: 100%; background-repeat: no-repeat; z-index: 20;}
#sombra-header {width: 100%; height: 11px; background: url("../imgs/sombra.png"); position: fixed; left: 0px; top: 50px; z-index: 10;}
#content {width: 900px; margin: auto;  position: relative;  top: 50px;}
#sombra-izq {width: 15px; background: url("../imgs/sombra-izq.png");}
#contenido {width: 900px; background-color: white;}
#sombra-der {width: 15px; background: url("../imgs/sombra-der.png");}
#sombra-abajo {width: 870px; 	height: 15px; background: url("../imgs/sombra-abajo.png");}
#corner-izq {width: 15px; height: 15px; background: url("../imgs/corner-izq.png");}
#corner-der {width: 15px; height: 15px; background: url("../imgs/corner-der.png");}

.QAmt {
	color:#333333;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}
.red {color: #d90031;}
.red-title {	width: 640px; font-size: 65px; color: #d90031; margin: auto; text-align: center;}
.middle-grey {font-family: "Serif72", Georgia; font-size: 43px; color: #cccccc; position: relative; top: -7px;}
.red-stripes {height: 2px; width: 640px; margin: 25px auto; background: url("../imgs/red-stripes.gif");}
.green-title {font-size: 35px; color: #8dc47b; float: left;}
.titulo-desplegable {cursor: pointer;}
.desplegar {	height: 15px; width: 15px; float: left; margin-top: 11px; margin-left: 20px;}
.desplegar.mas {background: url("../imgs/mas.gif");}
.desplegar.menos {background: url("../imgs/menos.gif");}
.software {width: 172px; margin-right: 62px; float: left;}
.software ul li {margin-bottom: 7px;}
.skills {width: 142px; margin-right: 62px; float: left; padding-left: 30px;}
.skills ul {margin-bottom: 30px;}
.skills ul li {margin-bottom: 16px;}
.languages {width: 172px; margin-right: 0px; float: left;}
.languages ul {margin-bottom: 30px;}
.languages ul li {margin-bottom: 7px;}
.five-stars {height: 11px; width: 70px; float: right; background: url("../imgs/five-stars.gif"); margin-top: 6px;}
.four-stars {height: 11px; width: 70px; float: right; background: url("../imgs/four-stars.gif"); margin-top: 6px;}
.three-stars {height: 11px; width: 70px; float: right; background: url("../imgs/three-stars.gif"); margin-top: 6px;}
.two-stars {height: 11px; width: 70px; float: right; background: url("../imgs/two-stars.gif"); margin-top: 6px;}
.level {font-family: "Serif72Bold"; font-size: 15px; color: #d90031;  margin-left: 30px; margin-top: -4px;}


#page-home .contenedor {width: 640px; margin: 45px auto;}
#page-home .contenedor ul {width: 172px;  float: left;  margin-top: 30px;  padding-left: 0px;  font-family: "OpenSansBold";  font-size: 17px;  color: black;}
#page-home .contenedor ul li {list-style-type: none;}
#sombra-galeria {width: 100%;  background: url("../imgs/sombra-galeria.jpg") no-repeat; height: 50px; background-position: 0 397px; padding-top: 405px; background-size: 100%}
#dots {height: 11px;  width: 110px;  padding-top: 25px;  padding-left: 7px;  margin: auto;}
#dots div {width: 11px;  height: 11px;  float: left;  background: url("../imgs/dot-off.gif");  margin-right: 7px;  cursor: pointer;}
#dots .active {background: url("../imgs/dot-on.gif");}
#galeria {width: 100%; overflow: hidden; height: 410px;  position: absolute;  left: 0px;}
#galeria img {position: absolute; width: 100%; min-width: 1100px;  z-index: 2;  opacity: 0.0; top: -20%}
#galeria img.woman {top: -30%}
#galeria img.active {z-index:4;  opacity: 1.0;}
#galeria img.last-active {z-index: 3;}


#page-portfolio .contenedor {width: 741px;  margin: 45px auto 60px auto;  padding-left: 25px;}
#page-portfolio .work {float: left;  margin-right: 25px;  margin-bottom: 20px;}
#page-portfolio .work img {width: 220px;  height: 157px;  border: 0px;}
#page-portfolio .border {width: 220px; height: 157px;}
#page-portfolio .work .sombra {background: url('../imgs/works/sombra-works.gif');  width: 220px;  height: 15px;}
#page-portfolio .work .overlay {display: none;  position: absolute;  background-color: black;  width: 220px;  height: 157px;  opacity:0.5;  filter:alpha(opacity=50);}
#page-portfolio .work .title {display: none;  position: absolute;  text-align: center;  margin-top: 27px;  background-color: black;  width: 220px;  height: 35px;  padding-top: 10px;  font-size: 23px;}
#page-portfolio .work .text {display: none;  position: absolute;  text-align: center;  width: 220px;  margin-top: 85px;  font-family: OpenSansBold;  font-size: 15px;}


#page-contacto .formulario {width: 640px;  margin: 50px auto;}
#page-contacto .formulario-izq {width: 305px;  float: left;}
#page-contacto .formulario-der {width: 305px;  float: left;  margin-left: 30px;}
#page-contacto .obligatory {width: 15px;  height: 15px;  float: left; 	margin-top: 11px;  margin-left: 10px;  background: url("../imgs/obligatory.gif");}
#page-contacto .green-title {font-size: 35px;  color: #8dc47b;  float: left;  margin-bottom: 3px;}
#page-contacto input {width: 287px;  height: 30px;  margin-bottom: 15px; 	padding-left: 8px;  padding-right: 8px;  background-color: #f5f5f5;  border: 1px solid #e9e9e9;  font-family: Serif72Bold;  font-size: 15px; 	color: #d90031;}
#page-contacto textarea {width: 287px;  height: 113px;  margin-bottom: 15px;  padding-left: 8px;  padding-right: 8px;  padding-bottom: 8px;  background-color: #f5f5f5;  border: 1px solid #e9e9e9;  font-family: Serif72Bold;  font-size: 15px;  color: #d90031;}
#page-contacto .obligatory-fields {font-family: Serif72Bold;  font-size: 15px;  color: #d90031;  float: left;  margin-top: 25px;  margin-bottom: 15px;}
#page-contacto .obligatory-red {width: 15px;  height: 15px;  float: left; 	margin-top: 7px;  margin-right: 10px;  background: url("../imgs/obligatory-red.gif");}
#page-contacto .send {background: url("../imgs/send.gif");  width: 104px;  height: 30px;  margin-left: auto;  margin-top: 16px;  padding-top: 2px;  cursor: pointer;}
#page-contacto .send .text {margin-left: 55px;}
#page-contacto .send .icon {margin-left: 62px;  margin-top: 2px;  display: none;}
#page-contacto .send.loading .text {display: none;}
#page-contacto .send.loading .icon {display: block;}
#page-contacto .msg {display: none;}
#page-contacto .msg .icon {float: left;  background: url("../imgs/right.gif");  width: 15px;  height: 15px;  margin-top: 7px;  margin-right: 10px;}
#page-contacto .msg .text {float: left;  font-family: Serif72Bold;  font-size: 15px;  color: #8dc47b;}
#page-contacto .msg.error .icon {background: url("../imgs/wrong.gif");  margin-top: 7px;}
#page-contacto .msg.error .text {font-family: Serif72Bold;  font-size: 15px;  color: #d90031;}


#footer {height: 152px; width: 870px; float: left; background: url("../imgs/footer.jpg");}
.title {font-size: 30px;}
#footer .envelope {height: 48px; width: 72px; background: url("../imgs/envelope-footer.png"); position: relative; left: 400px; top: 0px; z-index: 30;}
#footer .contact-info {width: 235px; height: 120px; float: left; margin-left: 70px; margin-top: -28px;}
#footer .contact-info ul {float: left; padding-left: 0px; margin-top: 20px;}
#footer .contact-info ul li {list-style-type: none; float: left; color: #b17e2f; font-family: Serif72Bold;  font-size: 14px; margin-bottom: 13px;}
#footer .contact-info .info {	float: left; margin-left: 20px; margin-top: -3px;}
#footer .contact-info .separator {height: 10px; width: 2px; background: url("../imgs/separator.png"); float: left; margin-left: 20px; margin-top: 4px;}
#footer .contact-info .linked-in {height: 18px; width: 18px; background: url("../imgs/linked-in.png"); float: left;}
#footer .contact-info .facebook {height: 18px; width: 18px; background: url("../imgs/facebook.png"); float: left;}
#footer .contact-info .mail-icon {height: 18px; width: 18px; background: url("../imgs/mail.png"); float: left; margin-left: 20px;}
#footer .contact-info .phone-icon {height: 18px; width: 18px; background: url("../imgs/phone.png"); float: left; margin-left: 20px;}
#footer .belen-altobelli {width: 135px; height: 75px; float: left; margin-top: 9px; margin-left: 58px; padding-left: 10px;}
#footer .belen-altobelli .belen {float: left; font-family: Serif72Bold; font-size: 22px;}
#footer .belen-altobelli .white-stripes {height: 2px; width: 25px; background: url("../imgs/white-stripes.png"); float: left; margin-left: 6px; margin-right: 6px; margin-top: 20px;}
#footer .belen-altobelli .altobelli {float: left; font-size: 38px; margin-top: -7px; margin-left: 2px;}
#footer .send-message {width: 235px; height: 120px; float: left; margin-left: 70px; margin-top: -28px;}
#footer .send-message .message {height: 66px; width: 226px; margin-top: 12px; background: url("../imgs/message.jpg"); font-family: Serif72Bold; color: #b17e2f; font-size: 13px;}
#footer .send-message input {width: 140px; height: 20px; margin-top: 3px; margin-bottom: 11px; margin-left: 10px; background-color: transparent; border: 0px; font-family: Serif72Bold; color: #b17e2f; font-size: 13px;}
#footer .send-message .left {width: 140px; float: left;}
#footer .send-message .write {width: 40px; height: 50px; float: left; text-align: center; margin-left: 34px; margin-top: 7px;}
#footer .send-message .write-icon {height: 19px; width: 19px; background: url("../imgs/write.png"); margin: 3px auto;}

*/