/* Reset */
body,div,ul,li,h1,h2,h3,h4,h5,h6,input,p{ 
	margin:0;
	padding:0;
}

img { 
	border:0;
}

ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

html{
	background: #dbdbdb;
}

body{
	font-size: 90%;
	font-family: verdana, helvetica, sans-serif;
	line-height: 1.6em;
	text-align: center;
	color: #5c5c5c;
}
a{
	text-decoration: none;
	color: white;
}
a:hover{
	text-decoration: underline;
}
a.image{
	border: none;
}
#container {
	text-align: left;
	margin: auto;
	width: 989px;
	background: url(../images/containerBG.png) repeat;
	padding-top: 6px;
	padding-bottom: 2px;
	margin-bottom:10px;
	margin-top:-8px;
	height:575px;
}
#main {
	border-top: 1px solid #9c9c9c;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #9c9c9c;
	border-left: 1px solid #cacaca;
	margin:0px 8px 8px 8px;
	background: url(../images/mainBG.jpg) repeat;
	overflow: hidden;
}
#header{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9c9c9c;
	position: relative;
	overflow: hidden;
}
#header img{
	padding-top:30px;
	padding-left: 19px;
	padding-bottom: 8px;
}
#header #slogan{
	position:absolute;
	top:5px;
	right:128px;
}
#header #search{
	position: absolute;
	right: 1em;
	top: 5.8em;
}
#navigation{
	height: 24px;
	margin: 0px;
	border: 1px solid #b9b9b9;
	background:#e2e1e1;
}
#navigation #nav{
	background: url(../images/navBG.jpg) repeat-x;
	height:28px;
	margin-top:2px;
	padding-left: 98.5px;
	border:1px solid #b9b9b9;
}
#navigation #nav li{
	font-size: 12.5px;
	margin-right:-5px;
	height: 20px;
	line-height: 24px;
	padding-top:5px;
	padding-bottom: 2px;
	float:left;
	padding-left: 8.5px;
	padding-right: 8.5px;
	border-left:1px solid #3c5671;
	border-right:1px solid #56789c;
	color: #fff;
	background:url(../images/bg2.jpg) repeat 0 -15px;
	position:relative;
}
#navigation li:hover{
	background-position: -150px -15px;
	
}
#sidebar {
	width: 174px;
	float: left;
	margin-top: 4px;
	padding-left: 2px;
	padding-right: 18px;
	color: #fff;
	font-size: 15px;
	border-right: 1px solid #818181;
}
#sidebar #feat1{
	width:190px;
	height:68px;
	background: url(../images/featBG.jpg) repeat 0px 0px;
	margin:0px;
}
#sidebar #feat1 p{
	font-size:12px;
}

#sidebar #feat2{
	width:190px;
	height:68px;
	background: url(../images/featBG.jpg) repeat 0px 0px;
	margin:0px;
}

#sidebar #feat3{
	width:190px;
	height:68px;
	background: url(../images/featBG.jpg) repeat 0px 0px;
	margin:0px;
}

#sidebar #feat4{
	width:190px;
	height:68px;
	background: url(../images/featBG.jpg) repeat 0px 0px;
	margin:0px;
}
#sidebar div p{
	margin-left:5px;
	margin-right:10px;
	padding-top:27px;
	border-bottom:1px dotted #173d63;
	color: #173d63;
	font-size:13px;
	font-weight:bold;
}

#content{
	margin-top:10px;
	border-left:1px solid #e2e0e0;
}
#content img{
	float:left;
	border-right: 1px solid #e4e2e2;
}
#content h4{
	font-size: 15px;
	color: #004b8a;
	border-bottom: 1px dotted #004b8a;
	margin-left: 10px;
	margin-right:5px;
	text-align:left;
}
#content h4 span{
	font-weight: bold;
}
#content #box1{
	margin-top: 2px;
	width:596px;
	height:100px;
	background: #fff;
	overflow:hidden;
	position:relative;
}
#content #box1 li{
	width:596px;
	height:100px;
	overflow:hidden;
}
#content div{
	float:left;
}
#content #box1 p{
	padding-left:10px;
	padding-right:5px;
	font-size: 9px;
	color:#fff;
	line-height:1.6em;
	text-align: justify;
	text-indent:-999em;
}
#content #box1 small{
	display:block;
	text-align:right;
	font-size:9px;
	margin-top:-20px;
	text-decoration: underline;
	padding-left:10px;
	padding-right:5px;
}

#content #box2{
	width:197px;
	height:97px;
	background: url(../images/featuredBG.jpg) repeat-x;
	margin-right:5px;
}
#content #box2 p{
	padding-left:10px;
	padding-right:5px;
	font-size: 9px;
	color:#fff;
	line-height:1.6em;
	text-align: justify;
}
#content #box2 small{
	display:block;
	text-align:right;
	font-size:9px;
	margin-top:-5px;
	text-decoration: underline;
	padding-left:10px;
	padding-right:5px;
}

#content #box3{
	width:195px;
	height:97px;
	background: url(../images/featuredBG.jpg) repeat-x;
	border-right: 1px solid #e4e2e2;
	padding-right: 3px;
}
#content #box3 p{
	padding-left:10px;
	padding-right:5px;
	font-size: 9px;
	color:#fff;
	line-height:1.6em;
	text-align: justify;
}
#content #box3 small{
	display:block;
	text-align:right;
	font-size:9px;
	margin-top:-5px;
	text-decoration: underline;
	padding-left:10px;
	padding-right:5px;
}
#content #partners {
	float:right;
	width: 150px;
	padding-top: 0px;
	padding-left: 	28px;
}
#content #partners img{
	margin-left: -28px;
	margin-bottom:0px;
	border: none;
}
#content #partners{
	border-left: 1px solid #818181;
}
#footer{
	padding-top:10px;
	text-align: center;
	font-size: 12px;
	margin-bottom: -5px;
}
#footer #footerMenu li{
	display:inline;
	border-right: 1px dotted #5c5c5c;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 3px;
}
#footer #footerMenu li.enlaces{
	border-right:none;
}
#footer #footerMenu{
	padding-left: 140px;
}
#footer #footerMenu li a{
	color: #5c5c5c;
}
#footer h5{
	font-size: 9px;
	color: #5c5c5c;
	display:inline;
	float: left;
}
#footer h5.footerText{
	padding-left: 170px;
}
#footer h5 a{
	color:#5c5c5c;
}
#footer #imageWorks{
	float:right;
	padding-right: 5px;
}
#footer #imageWorks img{
	padding-top:5px;
}
#footer h6{
	margin-top:-15px;
	padding:0px;
	height:20px;
	font-size: 8px;
	color: #5c5c5c;
}


#banner {
   width: 595px; /* important to be same as image width */
   height: 271px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   z-index:0;
}

#bannerContent {
   width: 595px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
    z-index:0;
}

.bannerImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
    z-index:0;
}

.bannerImage span {
   position: absolute; /* important */
   left: 0;
   font: 11px Verdana, Helvetica, sans-serif;
   padding: 10px 15px 10px 18px;
   width: 570px;
   background-color: #024873;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
    z-index:0;
}

.clear {
   clear: both;
}

#shadow {
	background: url(../images/shadow.jpg) no-repeat 50% 10%;
	padding-top:20px;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    right: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 230px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 200px;
}

.sliderImage span strong, .slider1Image span strong {
    font-size: 15px;
    font-weight: bold;
}

.formButton{
cursor:pointer;
border:1px solid #ccc;
height:22px;
line-height:20px;
color:#fff;
font-size: 12px;
background:url(../images/buttonBG.jpg) #fff repeat-x left top;
}

.textInput{
	background:url(../images/inputBG.jpg) #fff repeat-x 0px -10px;
	border:1px solid #ccc;
	height:18px;
}
li{
	z-index:1;
}
/* Submenu */
#navigation #nav li ul.submenu { 
position:absolute;
list-style:none; 
padding:0px; 
margin-top:-2px
}
#navigation #nav li ul.submenu li { 
float:none; 
background-color:#fff; 
border-bottom:1px solid #999999; 
width:120px;display:block; 
height:20px; 
font-size:10px; 
line-height:10px; 
margin-left:-8px;
}
#navigation #nav li ul.submenu li a:hover {
text-decoration:none;
}
#leftBox {
float:left;
}
#navigation #nav li ul.submenu li.longMenu {
	width:200px;
}
#navigation #nav li ul.submenu li.longMenu2 {
	width:125px;
}


.widget {
    width: 582px;
    margin: 0px;
    padding: 5px;
    background: #f3f1eb;
    border: 1px solid #dedbd1;
    margin-bottom: 15px;
    }

    .widget a {
    color: #ffffff;
    text-decoration: none;
    }

    .widget a:hover {
    color: #009;
    text-decoration: underline;
    }

    .tabnav li {
    display: inline;
    list-style: none;
    }

    .tabnav li a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 6px;
    outline: none;
    }

    .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
    background: #dedbd1;
    color: #fff;
    text-decoration: underline;
    }

    .tabdiv {
    margin-top:1px;
	width:582px;
	margin-left:0px;
	margin-right:100px;
	height:65px;
    }
    #popular{
    	background:#efab00;
    }
     #recent{
    	background:#a3becb;
    }
     #featured{
    	background:#016bac;
    }

    .tabdiv li {
	border-top:1px dotted #fff;
    margin-top:3px;
    padding-top:2px;
    margin-left:2px;
    font-size:10px;
    line-height:14px;
    color:#fff;
    padding-left:5px;
    }

    .ui-tabs-hide {
    display: none;
    }
	.tabnav li a.popular {
	padding-right:60px;
	background:#efab00;	
	}
	.tabnav li a.recent {
	padding-right:60px;
	background:#a3becb;	
	}
	.tabnav li a.featured {
	padding-right:56px;
	background:#016bac;	
	}
	.leerMas {
		padding-left:10px;
	}
	#featured ul li
	{
		display:block;
		margin-left:0px;
	}