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

img, div { behavior: url(/wp-content/themes/base/iepngfix.htc) }

/*path to the .HTC relative to the HTML document location (not relative to the CSS document!).*/

html{
	margin:0;
	padding:0;
}

body{
             background: #a8a8a8 url(images/bg-body.jpg) repeat-x;
             font-size: 11px;
}

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

            h1 {
                float: left;
                margin: .5em 0 .2em;
                text-transform: uppercase;
                font-weight:bolder;
                line-height:1.0em;
                font-size: 1.7em;
                color: #000;
                width:100%;
                text-align:left;
            }
            h2 {
                float: left;
                margin: .2em 0 .2em;
                font-weight:bolder;
                line-height:1.1em;
                font-size: 1.7em;
                color: #000;
                width:100%;
                text-align:left;
            }
            h3 {
                margin: .2em 0 .2em;
                text-transform: uppercase;
                text-align: right;
                font-weight:bolder;
                line-height:0.8em;
                font-size: 2.9em;
                color: #fff;          
            }  
     
            h4{
                margin: 0;
                font-size: 0.7em;
                color:#DCDCDC;
            }
            
            h6{ 
                text-align: left;
                text-transform: uppercase;
                margin: 0;
                margin-top:20px;
                font-size: 0.7em;
                color:#a5a5a5;
                border-bottom:1px solid #a5a5a5;
            }
            p {
                
                line-height:1.2em;
                font-size: 1.1em;
                margin-top:0px;
                margin-bottom: 10px;
                color: #3f3f3f;
            }
            
            p em {

            }
            
            p strong {
                font-weight:bold;
            }
            pre, pre+a, {
                text-align: right;
            }
            code {
                font-family: "Courier New", Courier, monospace;
            }

.header table
{
	color:#FFF;
	border-collapse:collapse;
	margin-left: auto ;
  margin-right: 50px;
  margin-top:25px;
  margin-bottom:10px;
}

.header table th
{
	padding:1em 1em .5em;
 	font-size:120%;
 	text-align:left;
}

.header table tr
{

}

.header table td
{
	padding:.5em 1em;
}

.header table tr.odd td
{
  font-weight:bold;
}




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

a:link {text-decoration: none; color: #2d438e; font-size:1em}
a:visited {text-decoration: none; color: #2d438e; font-size:1em}
a:active {text-decoration: none; color: #2d438e; font-size:1em}
a:hover {text-decoration: none; color: #6eaf43; font-size:1em}
a:focus { outline:none }
a img {border: none; }


#response {
 font-size:1.4em;
 font-weight: bold;
 line-height:50px;
 height:50px;
 color:#909090;
}
.err {
 color:#ff5e44;
}
.ok {
 color:#83ef23;
}

ul{
  text-align:right;
}

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

.input{
  height: 60px;
  background: url(images/input-bg.jpg) no-repeat top left;
}

.search{
  height: 60px;
  background: url(images/search-bg.jpg) no-repeat top left;
}

#wrapper {
  z-index:5;
	border: 0px solid red;
	background: #FFF url(images/bg-top-wrapper.jpg) no-repeat top center;
	width: 980px;
	position: relative;
	left: 50%;
	margin-left: -490px; /* half the width of the div */ 
  margin-top:10px;
  padding-bottom:10px;
  padding-top:10px;
  min-height: 510px;
}

.header {
  z-index:50;
  border: 0px dashed green;
	width: 980px;
	position: relative;
  height: 105px;
	left: 50%;
	margin-left: -490px; /* half the width of the div */ 
  overflow: visible ;
  background: transparent url(images/bg-header.jpg) no-repeat top center;
}

.nav-menu {
  z-index:50;
  border: 0px dashed green;
	width: 980px;
	position: relative;
  height: 35px;
	left: 50%;
	margin-left: -490px; /* half the width of the div */ 
  overflow: visible ;
  background: transparent url(images/bg-nav.jpg) no-repeat top center;
}

.alineador {
  z-index:5;
	border: 0px solid red;
	width: 920px;
	position: relative;
	left: 50%;
	margin-left: -460px; /* half the width of the div */ 
  margin-top:10px;
  padding-bottom:10px;
  min-height: 510px;
}

.footer {
  z-index:50;
  border: 0px dashed green;
	width: 970px;
	position: relative;
  height: 105px;
	left: 50%;
	margin-left: -485px; /* half the width of the div */ 
  overflow: visible ;
  background: transparent url(images/bg-footer.jpg) no-repeat top center;
}

div.footer div{
  color:#2d438e;
  padding-top: 25px;
  text-align:center;

}

.columna-izq {
        float:left;
        margin: 0;
        border: 0px dashed green;
        width: 640px;
        min-height: 400px;
        text-align:justify;
}

.columna-der {
        float:right;
        border: 0px dashed orange;
        width: 270px;
        min-height: 200px;
}

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

#logo{
position:absolute;
left:-75px;
top:-65px;
width: 300px;
height: 165px;
border: 0px solid red;
background: url(images/logo.png) no-repeat top center;
z-index:10;
cursor:pointer;
}

#emedia{
position:absolute;
left:-30px;
bottom:0px;
z-index:10;
}

.dock-btn{
text-align:center;
width: 85px;
height: 15px;
border: 0px solid red;
}

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

.alignleft{
float:left;
}

.alignright{
float:right;
}

img.middle{
vertical-align:text-bottom;
}

img.size-medium{
border: 2px solid white;
}

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

.seccion {
width:100%;
border-bottom: 1px solid #000;
}


/* Imagenes y Wrapper de Imagenes */

#pics{
  float:left;
	border: 1px dashed red;
	width: 160px;
	position: relative;
}

#pics-text{
  float:right;
  top: 0px;
	border: 1px dashed red;
	width: 300px;
	height:300px;
	background: url(images/logo-mundial.gif) no-repeat top center;
	text-align: justify;
}


.attachment-thumbnail{
 border: 0px solid #FFF;
 margin-bottom: 2px;
 margin-left: 2px;
 cursor:pointer;
}

/* 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;
}

/* Docks */

#date-dock{
position:absolute;
left:0px;
bottom:0px;
width: 100%;
height:90px;
border: 0px solid green;
background-image:url(images/bg-dock.gif);
}

/* Botones */

.date-btn{
position:relative;
text-align:center;
width: 60px;
height: 60px;
border: 0px solid red;
margin-left:5px;
}

.btn-1{
 width:180px;
 height:75px;
 cursor:pointer;
}

div#descargar{
 position:absolute;
 right:0px;
 background: url(images/descargar-180x75.png) no-repeat top center;
}

div#descargar:hover{
 background-position: 0 -75px;
}

div#recibir{
 position:absolute;
 right:25px;
 top:-10px;
 background: url(images/recibir-180x75.png) no-repeat top center;
}

div#recibir:hover{
 background-position: 0 -75px;
}

div#mural{
 position:absolute;
 right:0px;
 top:0px;
 background: url(images/mural-250x250.jpg) no-repeat top center;
}

div#mural:hover{
 background-position: 0 -250px;
}


#navcontainer ul
{
list-style-type: none;
text-align: right;
margin:0;
padding: 0;
padding-right:20px;
position: relative;
z-index: 2;
line-height:3em;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#navcontainer li a:link {text-decoration: none; color: #666666; font-size:1em}
#navcontainer li a:visited {text-decoration: none; color: #666666; font-size:1em}
#navcontainer li a:active {text-decoration: none; color: #666666; font-size:1em}
#navcontainer li a:hover {text-decoration: none; color: #666666; font-size:1em}

.widgettitle{
text-align:right;
}


.more-link {
   font-family: "Verdana";
   width:100%;
   text-align:right;
   margin: 5px 0px 5px 0px}
   
.date{
   margin-bottom:10px;
}

.navlinks{
  font-weight:bold;

}
.aligncenter{
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

ol {
    margin:20px 0;
    color:#000;
}
ol li{
    margin-top:10px;
}

a.more-link{
    display:block;
    float:right;
    margin:0;
}