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

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

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

body{
             	margin: 0; padding: 20px 0 0 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	     	font-family: Lucida Sans, Lucida Grande, Verdana, Arial, sans-serif;
      	     	font-size: 11px;
             	color: #575757;
		background: transparent url(images/fondo.gif) no-repeat top center;
}

h1, h2 {
             padding:0px;
             margin:0px;
             }

            h1 {
                float: right;
                margin: .2em 0 .2em;
                text-transform: uppercase;
                font-weight:bolder;
                line-height:0.8em;
                font-size: 2.9em;
                color: #000;
                width:100%;
            }
	
		h1 a:hover{
		background-color:transparent;
		color:red;
		}


            h2 {
                margin: 0.2em 0 0.2em;
                font-size: 1.9em;
                color:#000;
                text-align:left;
            }

	    h2#comments{
		color:#000;
		font-size:0.9em;
		margin-top:20px;
	    }

            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.9em;
                color:#DCDCDC;
            }
            
            h6{
                text-transform: uppercase;
                margin: 0;
                font-size: 1.2em;
                color:#FFF;
            }
            p {
                line-height:1.3em;
                font-size: 1.3em;
                margin-top:5px;
                margin-bottom: 5px;
                color: #9F9F9F;
            }
            
            p em {
		text-transform:none;
		padding:2px;
		color:#000;
            }
            
            p strong {
                font-weight:bold;
                color:#000;
            }
            pre, pre+p, {
                margin: 1em 0 0;
            }
            code {
                font-family: "Courier New", Courier, monospace;
            }

table
{
	color:#FFF;
	background:#C00 url(images/table-bg.jpg) repeat-x top left;
	border-collapse:collapse;
	border:1px solid #000;
	margin-left: auto;
  margin-right: auto;
  margin-top:3px;
  margin-bottom:10px;
}

table#homepageforecast, table#homepageforecast tr, table#homepageforecast tr td
{
  color: #000;
	background:#fff url() repeat-x top left;
}

th
{
	padding:.3em .3em .5em;
 	font-size:90%;
        font-weight:bold; 
 	text-align:center;
}

tr
{
 	border-bottom:1px dotted #000;
 	font-size:90%;
}

td
{
	padding:.5em 1em;
 	font-size:90%;
}

tr.odd td
{
  background-color: #ffdf09;
  font-weight:bold;
}




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


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


a.slidingpictures-link {line-height:35px;}
a.slidingpictures-link:link {text-decoration: none; color: #000 ; font-size:14px}
a.slidingpictures-link:visited {text-decoration: none;  color: #000; font-size:14px}
a.slidingpictures-link:active {text-decoration: none; color: #000; font-size:14px}
a.slidingpictures-link:hover {text-decoration: none; color: #FF9000; background-color:transparent; font-size:14px}



a.null:hover {text-decoration: none; color: #fff; background-color:transparent; font-size:1em}
a:focus { outline:none }
a img {border: none; }

.more-link{
  font-size:1em;
  color:#000;
}

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




ul{
  text-align:left;
  margin-left:0px;
  padding-left:0px;
}

li{
  margin-bottom: 5px;
  list-style: none;
}

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



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


.header {
  border: 0px dashed green;
  width:1050px;
  position: relative;
  height: 100px;
  left: 50%;
  margin-left: -575px; /* half the width of the div */ 
  overflow: visible ;
  background: transparent url(images/header.png) no-repeat top center;
  cursor:pointer;
}

.alineador {
  z-index:5;
  background: url() no-repeat top left;
  border: 0px solid white;
  width: 1050px;
  position: relative;
  left: 50%;
  margin-left: -575px; /* half the width of the div */ 
  padding-bottom:10px;
  height: 5px;
}

#content {
  position:relative;
  
  min-height:40px;
  height:auto !important;
  height:400px;

  width:480px;
  margin-top:10px;
  padding:10px 0;
  float:left;
}

#content-center{
position:relative;
width:250px;
float:right;
margin-right:5px;

min-height:40px;
height:auto !important;
height:40px;
}

#content-right{
position:relative;
width:250px;
float:right;

min-height:40px;
height:auto !important;
height:40px;
}


#login-wrapper{
	position: relative;
	background: transparent url() no-repeat top center;
	text-align:right;
	float:right;

	width:510px;
	height:105px;
	z-index:99;
}

#right-content-first {
  position:relative;
  background-color:#e7e7e7;
  color:#575757;  

  min-height:40px;
  height:auto !important;
  height:400px;

  width:225px;
  margin-top:40px;
  margin-left:100px;
  padding:7px;
  float:right;

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:2px solid #DDDDDD;
  height:1%;
}

#right-content-second {
  position:relative;
  background-color:#f4f4f4;
  color:#FF9000;  

  min-height:40px;
  height:auto !important;
  height:400px;

  width:225px;
  margin-top:20px;
  margin-left:100px;
  padding:7px;
  float:right;

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:2px solid #FFF;
  height:1%;
}

#right-content-second h2{
   color:#575757;
}

#xmlvideos {
  position:relative;
  background-color:#f4f4f4;
  color:#575757;  
  text-align:center;

  min-height:40px;
  height:auto !important;
  height:400px;

  width:225px;
  margin-top:20px;
  margin-left:100px;
  padding:7px;
  float:right;

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:2px solid #DDDDDD;
  height:1%;
}

	#xmlvideos a:hover{
	background-color:transparent;
	}

		#xmlvideos a img{
		margin:5px 0;
		}

#xmlvideos-titled {
  position:relative;
  background-color:#f4f4f4;
  color:#575757;  
  text-align:center;

  min-height:40px;
  height:auto !important;
  height:400px;

  width:225px;
  margin-top:10px;
  padding:7px;
  float:right;

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:2px solid #DDDDDD;
  height:1%;
}

	#xmlvideos-titled div.xmlvideos-titled{
	position:relative;
	margin-bottom:5px;
	}

		#xmlvideos-titled div.xmlvideos-titled img{
		border:2px solid #000;
		}

		#xmlvideos-titled div.xmlvideos-titled a{
		display:block;
		float:left;
		margin-left:13px;
		text-align:left;
		font-weight:bold;
		color:#fff;
		}

		#xmlvideos-titled div.xmlvideos-titled a:hover{
		background-color:transparent;
		}


			#xmlvideos-titled div.xmlvideos-titled a span{
			background-color:#000;
			}



#xmlvideos-mostviewed {
  position:relative;
  background-color:transparent;
  color:#575757;  
  text-align:center;

  min-height:40px;
  height:auto !important;
  height:400px;

  width:225px;
  margin-top:5px;
  margin-right:5px;
  padding:7px;
  float:right;

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:0px solid #DDDDDD;
  height:1%;
}

	#xmlvideos-mostviewed div.xmlvideos-mostviewed{
	position:relative;
	margin-bottom:5px;
	}

		#xmlvideos-mostviewed div.xmlvideos-mostviewed img{
		border:2px solid #000;
		}

		#xmlvideos-mostviewed div.xmlvideos-mostviewed a{
		position:absolute;
		display:block;
		width:200px;
		float:left;
		margin-left:13px;
		text-align:right;
		bottom:10px;
		font-weight:bold;
		color:#fff;
		}

		#xmlvideos-mostviewed div.xmlvideos-mostviewed a:hover{
		background-color:transparent;
		}

			#xmlvideos-mostviewed div.xmlvideos-mostviewed a span{
			background-color:#000;
			}


#sponsors{
position:relative;
background-color:transparent;
color:#575757;  
text-align:center;

min-height:40px;
height:auto !important;
height:400px;

width:225px;
margin-top:5px;
margin-right:5px;
padding:7px;
float:right;

-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:0px solid #DDDDDD;
height:1%;

}


.post-wrapper{
margin-top:20px;
margin-bottom:2px;
border-top:1px solid #575757;
border-bottom:1px solid #575757;
}

.post-wrapper div{
  text-align: justify;
}

#portada{
  width:100%;
  background: transparent url() no-repeat top center;

	min-height:300px;
	height:auto !important;
	height:300px;

  margin-top:50px;
}

#intro {
  z-index:5;
  background: url(images/intro.jpg) no-repeat top center;
	border: 0px solid white;
	width: 900px;
	position: relative;
	left: 50%;
	margin-left: -450px; /* half the width of the div */ 
  padding-bottom:10px;
  height: 550px;
  overflow: hidden;
  display:none;
}

#shine {
  z-index:5;
  background: url(images/shine.jpg) no-repeat top center;
  width:100%;
  height:100%;
  display:none;
}

#shinelogo {
  z-index:6;
  background: url(images/shine+logo.jpg) no-repeat top center;
  width:100%;
  height:100%;
  display:none;
}

.footer {
  background: transparent url() no-repeat top center;
  z-index:6;
  border: 0px solid #4a4a4a;
	width: 900px;
	position: relative;
	min-height: 300px;
  height: auto !important;
  height: 200px;
	left: 50%;
	margin-left: -450px; /* half the width of the div */ 
  display:none;
}

.columna-izq {
        position:relative;
        float:left;
        margin: 0;
        padding-top:20px;
        padding-left: 10px;
        border: 0px dashed white;
        width: 70%;
        min-height: 400px;
        text-align:justify;
}

.columna-der {
        z-index: 99;
        float:right;
        border: 0px dashed orange;
        width: 25%;
        height: 200px;
        padding-right:2px;
}



#menu{
position:absolute;
top:200px;
right:0px;
}

#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;
}



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

.cursor{
 cursor:pointer;
}

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

.alignleft{
float:left;
}

.alignright{
float:right;
}

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

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

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

.corporativo {
float:right;
background-color:#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;
 float:left;
}

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

#dialog-1, #dialog-2, #dialog-5 {
    left: 50%;
    margin-left: -250px;
    width: 500px;
}

#dialog-temp{
    left: 50%;
    margin-left: -300px;
    width: 600px;	

}

#dialog-3{
width:100%;
height:500px;
padding-right:20px;
}