/**
  * @style       Standard Layout
  * @media       screen
  * @version     1.0
  * @author      dani llops
  *//*********************************************************************************************
  0.  CSS Reset - http://developer.yahoo.com/yui/reset/
  *********************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  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 { border:0;
}/*********************************************************************************************
1.  Basic Setup
*********************************************************************************************/

@font-face {
  font-family:DINNext;
  src: url("web/fonts/DINNextLTPro-Regular.otf") format("opentype");
}
@font-face {
  font-family:DINNextBold;
  src: url("web/fonts/DINNextLTPro-Bold.otf") format("opentype");
}

html, body {
  text-align:center;
}

body {
  background-image:url(web/img/background.jpg);
  color:#868686;
  font-family:DINNext, sans-serif;
  font-size:14px;
  line-height:18px;
}

h1 {
  font-size:76px;
}

p {
  margin-bottom:12px;
}

#container {
  width:300px;
  margin:0 auto;
  display:block;
  /*border:1px solid red;*/
}

.nombre {
  font-family:DINNextBold, sans-serif;
}/*********************************************************************************************
2.  Header
*********************************************************************************************/

#logo {
  margin-top:60px;
  margin-bottom:58px;
  display:block;
}

#logo h1 {
  background:url(web/img/logo.jpg) no-repeat;
  width:240px;
  height:156px;
  margin-left:28px;
  text-indent:-7500px;
  /*border:1px dashed blue;*/
}/*********************************************************************************************
3.  Content
*********************************************************************************************/

#content {
  position: relative;
  display:block;
  /*border:1px dashed blue;*/
}

#content a:link,
#content a:visited {
  font-family:DINNextBold, Verdana, sans-serif;
  color: #8ebec2;
  text-decoration:none;

  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}

#content a:hover {
  background-color:#EAEAEA;
  padding:2px 10px 0px 10px;

  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -o-border-radius:6px;
  border-radius:6px;
}/*********************************************************************************************
4.  Social
*********************************************************************************************/

#social {
  height:36px;
  margin:42px 0;
  display:block;
}

#social ul {
  width:240px;
  margin:0 auto;
}

#social li a.anim {
  width:37px;
  height:36px;
  margin:0px 20px;
  float:left;
  display:block;
  overflow:hidden;
  text-indent:-7500px;

  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

#social li a.anim:hover {
  -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
  -o-transform:rotate(-30deg);
  transform:rotate(-30deg);
}

#social #icono-tw a {
  background:url(web/img/icono_tw.png) no-repeat;
}
#social #icono-fb a {
  background:url(web/img/icono_fb.png) no-repeat;
}
#social #icono-in a {
  background:url(web/img/icono_in.png) no-repeat;
}/*********************************************************************************************
5.  Footer
*********************************************************************************************/

#footer{
  clear:both;
  display:block;
  margin-bottom:40px;
  /*border:1px dashed blue;*/
}/*********************************************************************************************
6.  Decoration Specific Styles
*********************************************************************************************/

#linea-izq {
  background:url(web/img/linea_sola.png) no-repeat;
  width:313px;
  height:32px;
  margin-left:-324px;
  margin-top:-114px;
  float:left;
}

#linea-der {
  background:url(web/img/linea_muneco.png) no-repeat;
  width:320px;
  height:81px;
  margin-right:-323px;
  margin-top:-160px;
  float:right;
}