/*
Theme Name: Tema Base
Theme URI: http://www.emedia.cl
Description: Base para desarrollo propio
Version: 1.0
Author: Erik Landgren
Author URI: http://www.emedia.cl
Tags: temas wordpress plugins
*/

* {
behavior:url(iepngfix.htc);
}

body{
             background: #000 url(images/bg.jpg) no-repeat top center;
             font-family: Lucida Sans, Lucida Grande, Verdana, Arial, sans-serif;
             font-size: 11px;
}

body, h1, h2 {
             behavior:url('hover.htc');
             padding:0px;
             margin:0px;
             color: #CDCCC8;
             font-family: "Arial";
             }

            h1 {
                margin: .2em 0 .2em;
                text-transform: uppercase;
                font-size: 1.8em;
                color: orange;
            }
            h2 {
                margin: 1em 0 1.5em;
                font-size: 16px;
                color:#FFF;
            }
            h3 {
                margin:0 0 5px 0;
                padding-left: 5px;
                line-height: 1.8em;
                height:25px;
                color:#000; 
            }  
     
            h4{
                margin: 0;
                font-size: 0.7em;
                color:#DCDCDC;
            }
            p {
                margin-top: 10px;
                color: #DADDBD;
            }
            .content-wrapper p {
                margin-top: 10px;
		font-size:14px;
                color: #DADDBD;
            }
            pre, pre+p, {
                margin: 1em 0 0;
            }
            code {
                font-family: "Courier New", Courier, monospace;
            }

a {
padding:0px;
margin:0px;
}

a:link {text-decoration: none; color: #C2D63C}
a:visited {text-decoration: none; color: #C2D63C}
a:active {text-decoration: none; color: #C2D63C}
a:hover {text-decoration: none; color: #edff13}
a:focus { outline:none }
a img {border: none; }

input, textarea, select {
font-family:Verdana,Arial,sans-serif;
font-size:1em;
}

input{
margin-right:5px;
padding:1px;
vertical-align: middle;
}

li{
        list-style: none;
}

ul#menu-big {
float:left;
margin:0 0 30px 0;
padding:0 5px;
text-align:left;
width:400px;
font-size:10px;
}
ul#menu-big li {
border-left:1px solid #CCCCCC;
display:inline;
font-size:1.3em;
font-weight:bold;
list-style-type:none;
margin-left:0.4em;
padding-left:0.4em;
text-align:center;
color:#fff;
}
ul#menu-big li:first-child {
border-left:medium none;
padding-left:0;
}

.clear{
display:block;
clear:both;
}


.header {
  position:relative;
  z-index:50;
	width: 1250px;
  height: 75px;
	left: 50%;
	margin-left: -625px; /* half the width of the div */ 
  overflow: visible ;
  background: transparent url(images/bg-header.png) no-repeat bottom left;
  cursor:pointer;
}

.alineador {
  position:relative;
  z-index:0;
	border: 0px dashed green;
	width: 1250px;
	left: 50%;
	margin-left: -625px; /* half the width of the div */ 
  margin-top:10px;
}

.alineador-small {
  position:relative;
  z-index:0;
	border: 0px dashed green;
	width: 1000px;
	left: 50%;
	margin-left: -500px; /* half the width of the div */ 
  margin-top:10px;
}


.columna-izq {
        position:relative;
        float:left;
        margin: 0;
        padding: 0;
        border: 0px dashed white;
        width: 625px;
        min-height: 400px;
        height: auto !important;
}

.columna-der {
        z-index: 99;
        float:right;
        border: 1px dashed orange;
        width: 20px;
        min-height: 400px;
        height: auto !important;
        height: 400px;
}

#dock{
position:absolute;
right:0px;
top:400px;
border: 0px solid red;
}


.footer {
  position:relative;
	border: 0px dashed yellow;
	width: 400px;
	min-height: 300px;
  height: auto !important;
  height: 300px;
	left: 50%;
	margin-left: -200px; /* half the width of the div */ 
  background: transparent url(images/bg-footer.png) no-repeat top center;
}

.centrado {
        display:block;
        text-align:center;
}

.alignleft{
float:left;
}

.alignright{
float:right;
}

.corporativo {
float:right;
background-color:#000;
}


/* Imagenes y Wrapper de Imagenes */

div.thumb-wrap{
  position:relative;
  float:left;
  background-color: #FFF;
  width:105px;
  height:100px;
  margin-right:5px;
  margin-bottom:5px;
  }
div.thumb-wrap img {
  position:absolute;
  left:50%; /* 50% lo deja en la mitad del ancho*/
  top:40%; /* 50% lo deja en la mitad del alto */
  margin-left:-45px; /* La mitad del ancho de la imagen */
  margin-top:-35px;  /* La mitad del alto de la imagen */
  }


.big-img-wrap{
        float:left;
        background-color: #000;
        text-align:center;
        padding:5px;
        width: 450px;
        text-align_right;
	border-style: solid;
	border-width: 5px;
	border-color: #383838;
}












/* Fuentes */

.corporativo {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
text-transform: uppercase;
}

/* Text Clases*/

.left{
text-align:left;
}

.right{
text-align:right;
}

/* My FX*/

.hoveraccordion{
width: 75px;
float: right;
right:0px;
padding: 10px 0 10px 10px;
color: #666;
cursor:pointer;
}