/* 
    Document   : rodEstilos
    Created on : 17-oct-2013, 9:20:35
    Author     : Rodrigo Delgado
    Description: Estilos generales para Proyecta
*/

@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/opensans-bold-webfont.eot');
  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-bold-webfont.woff') format('woff'),
    url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
    url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'open_sansbold_italic';
  src: url('../fonts/../fonts/opensans-bolditalic-webfont.eot');
  src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
    url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  src: url('../fonts/opensans-italic-webfont.eot');
  src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-italic-webfont.woff') format('woff'),
    url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
    url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-regular-webfont.woff') format('woff'),
    url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url('../fonts/opensans-semibold-webfont.eot');
  src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-semibold-webfont.woff') format('woff'),
    url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
    url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url('../fonts/opensans-semibolditalic-webfont.eot');
  src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
    url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
    url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
  font-weight: normal;
  font-style: normal;

}

html {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
body{
  margin: 0px 0px 45px 0px;
  font-family: open_sanssemibold;
}

#cabecera, #pieOut{
  width: 100%;
  height: 70px;
  background-color: black;
}
#pieOut{ 
  height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 3px solid black;
  background-color: white;
}

#pieIn{
  width: 1024px;
  margin: 0 auto;
  height: 33px;
  margin-top: 15px;
}
#contenedorIn{
  width: 1000px;
  height: 567px;
  /*border: 1px solid red;*/
  margin: 0px auto;
  position: relative;
  top: -70px;
}
#seccion1, #seccion2{
  width: 100%;
  height: 165px;
  /*border: 1px solid red;         */
}
#seccion2{
  height: 343px;
  /*border: 1px solid blue;*/
}
#logo, #direccion{
  width: 200px;
  height: 165px;
  /*border: 1px solid green;*/
  float:left;
}
#direccion{
  width: 170px;
  /*border: 1px solid blue;*/
  background-color: #c81a1c;
}
#direccionText{
  text-align: right;
  color: white;
  margin-right: 10px;
  margin-top: 40px;
  font-size: 12px;
}
#menu, .contenidoTrans{
  width: 200px;
  height: 415px;
  /*border: 1px solid blue;*/
  display: inline-block;
  vertical-align: top;
  background-color: #c81a1c;
  position: relative;
  z-index: 5;
}
.contenidoTrans{
  height: 1px;/*Debe ser 460px cuanto esta desplegado*/
  width: 200px;/*Debe ser 742px cuanto esta desplegado*/
  /*border: 1px solid red;*/
  position: relative;
  left: -207px;
  background-color: rgba(0,0,0,0.6); 
  z-index: 4;
  color: white;
}

.menuNav{
  margin-top: 16px;
  font-size: 14.3px;
}
.menuNav a{
  text-decoration: none;
  color: white;
}

.bullet{
  position: absolute;
  left: 6px;
  margin-top: 7px;
  opacity: 0;
}

.listItem, .listItemGrande {
  width: 200px;
  text-align: left;
  color: white;  
  list-style: none;
  padding-left: 12px;
  width: 180px;
}

.listItem, .listItemGrande{
  padding-top: 8px;
  padding-bottom: 8px;
  height: 24px;  
  padding-left: 20px
}
.listItemGrande{
  height: 44px;
}


#derechos{
  float:left;
  font-size: 12px;
}

#crear{
  float: right;
  font-size: 12px;
}

#crear a{
  color: black;
  text-decoration: none;
}

#cuadrado{
  background-color: red;
width: 11px;
height: 11px;
border-radius: 2px;
display: inline-block;
margin-left: 10px;
}