/* 
Ultima Actualización: 01/08/2009 - 23/11/2009
Modificado por: Desiree Tornell
 */


/*	-------------------------------------------------------------
	Reset para cross-browsing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*	-------------------------------------------------------------
	Estilos globales 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
background: #68C5EE url(images/background.jpg) no-repeat center top;
font: normal 1em/1.5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important; 
color: #2e2e2e;
}

a, a:hover {border: 0;color: #09406D;}
a img{opacity:1;filter:alpha(opacity=100);}
a img:hover{opacity:0.8;filter:alpha(opacity=80);}

h1, h2 {color: #fff;}
h3{color: #17629E;text-align: center;font-size: 1.2em;}
h4{color: #17629E;text-align: center;font-size:1em;}

img {vertical-align: middle;}
p{font-size: .8em;}
/*	-------------------------------------------------------------
	Layout General 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.wrapper {
	width: 1024px;
	height: auto;
	margin:  0 auto;	
}

.content{
	padding: 0 20px;
	background: url(images/pattern-white.png) repeat;
	float: left;
}
.header {
	height: 164px;
	width: 100%;
	float: left;	
}
.middle {
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	padding-bottom:10px;	
}

/*	-------------------------------------------------------------
	Header 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.logo {
	width: 220px;
	height: 90px;
	float: left;
	margin-top: 20px;
}

.leader-banner{
	width: 728px;
	height:90px;
	float: right;
}
/*	-------------------------------------------------------------
	Content 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	/*	-------------------------------------------------------------
			LOG IN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
.elementos-izquierda-top{
	float:left;
	width:228px;
	height:auto;
	position:relative;
}		
		
.login{
	float:left;
	width:219px;
	height:84px;
	padding:12px 5px 0;
	background: url(images/login-back.gif) no-repeat left top;
	position:relative;
	overflow:hidden;
}

.login a{
	font-size:11px;
	line-height:13px;
	float:left;
	width:auto;
	padding-right: 5px;
	height:auto;
	color:#fff;
	position:relative;	
	margin-top:10px;
}
.login a:hover{
	color:#f08421;
}
.logeate{
	width: 100%;
	height: 32px;	
	float:left;
	padding: 0px;
	margin-top: 10px;
	margin-bottom:5px;	
}

input.logeate-text{
	color: #000;
	background: #fff;
	border: 0 none;
	width: 140px;
	border: 1px solid #ccc;
	height: 12px;
	padding:2px 0px;
	font-size: 12px;
	font-style:italic;
	float: left;
	padding: 3px;
	margin-bottom:3px;
}

input.logeate-btn{float:left; height:17px;padding-left:5px;}

.middle-home{
	float:left;
	height:auto;
	width:100%;
	padding-top:15px;
}
	/*	-------------------------------------------------------------
			revisatas anteriores
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.revistas-anteriores{
	margin: 10px 0;
	float:left;
	width:228px;
	height: 120px;
	position:relative;
	background: url(images/revistas-ant.gif) no-repeat 0 0 ;
}	

.revistas-anteriores a{
	display:block;
	text-align:center;
}

.ediciones{
	padding-left: 123px;
	padding-top:20px;
	width:105px;
}
.ediciones a{
	text-decoration: underline;
	display:block;

}
.revistas-anteriores a:hover{
	text-decoration:none;
	color:#f08421;
}
.suscribete-revista{
	float:left;
	width:100%;
}
.suscribete-revista a{
	text-decoration:none;
	color:#fff;
	font-size:15px;
	width: 222px;
	padding: 10px 0 0 6px;	
}
	
.suscribete-revista a:hover{
	text-decoration:underline;
}
	/*	-------------------------------------------------------------
			quicklink
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.quicklink{
	width: 218px;
	height: auto;
	float:left;
	overflow: hidden;
	line-height: 130%;	
	position:relative;
	background: #F9F9F9 url(images/quicklink-rep.jpg) repeat-x;
	color:#333;
	padding:3px 5px 5px;
}

.quicklink h2{
	color:#333;
	text-align:center;
	text-shadow: 1px 1px 0 #fff;
}
/*
.hide{
	width:170px;
	height:230px;
	float:left;
	overflow:hidden;
	position:relative;	
}



.quicklink-title{
	background:url(images/quick-bkgd.gif) no-repeat;
	color: #fff;
	text-align:center;
	width: 100%;
	height: 30px;
	padding-top: 5px;
}*/

.quicklink ul{
	border-left: #fff solid 1px; 
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;  
	padding: 0 2px;
	height: auto;
	overflow: hidden;
	position:relative;	
	font-size:13px;
}

.quicklink li{
	background: url(images/bullet.gif) left top no-repeat;
	padding: 2px 0 2px 10px;	
	color: #F08421;	
	font-size:14px;
	line-height:14px;
	width:100%;
}

.quicklink a{
	font-size: 11px;
	line-height: 1px;
	color: #2e2e2e;
	text-decoration:underline;
}

.quicklink a:hover{	
	text-decoration:none;
}


	/*	-------------------------------------------------------------
			 finaliza quicklink
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/*	-------------------------------------------------------------
			MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.menu{
	height:34px;
	width: 100%;
	float:left;
	background: url(images/repetir-menu.png) repeat-x;
	position:relative;	
	z-index: 1000;
	border-bottom:2px dotted #999;
	padding-bottom:10px;
}
/*
.menu-bar-top{
	background: url(images/eye-corner.png) no-repeat;
	width: 786px;
	height: 10px;
	float:left;
	
}
*/
.menu ul{
	float:left;
	width:100%;
}

.menu ul li{
	display: inline;
	margin-top:5px;
	font-size: 13px;
	border-left: 1px solid #f2efef;
}

/* style the sub-level lists */
.menu ul ul {width:10em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2em;line-height:1em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:10em;height:auto;position:relative;line-height:1em; border: none; margin:0px;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	padding-top: 10px;
	font-size:1em;
	text-decoration:none;
	color:#333;
	padding:10px 15px 5px;	
	height:19px;
	background: url(images/repetir-menu.png) repeat-x;
	}

.menu a:hover{
	background: url(images/repetir-menuhover.png) repeat-x;
	height:100%;
	text-shadow:1px 1px 1px #fff;
}


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background: #f9f9f9; color:#17629E;width:9em;height:100%;line-height:1em; padding:0.5em 1em; line-height:14px;}
.menu ul ul a.sub2, .menu ul ul a:visited.sub2 {display:block;background:#0B4A75 url(images/bulletMasNav.gif) right no-repeat; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:10em; width:9em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}/* color:#71C4EC;*/
* html .menu a:hover {position:relative; text-decoration: none;color: #17629E;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#333; font-size:12px; width:100px;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#333;}
/* style the sub level 1 background */
/*.menu ul :hover a.sub1 {background:#73c05d;}*/
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#333;}

/* style the level hovers AQUI CAMBIA EN LA BARRA LOS PRIMERAS SECCIONES DEL MENU*/
/* first */

.menu li a.navegacion{
	color:#333;
	padding-right:5px;
	background: url(images/bullet-menu.gif) top right no-repeat;	
}

.menu li a:hover.navegacion{
	color:#17629E;
	background: url(images/bullet-menu-hover.gif) top right no-repeat;
}


.menu a{color:#333;}

.menu :hover > a {color:#17629E;}
/* second  #239ABF;*/
.menu ul ul a:hover{color:#FFF;background:#17629E; text-decoration: none;text-shadow:none;}
.menu ul ul :hover > a {color:#fff;background:#17629E;text-shadow:none;}
.menu ul ul a:hover{color:#fff;background:#17629E;text-shadow:none;}
/* third */


.menu ul ul ul a:hover {background:#eee;}
.menu ul ul ul :hover > a {background:#eee;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* Aqui para medir distancia del primer nivel al 2 en cuanto altura
 hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:41px;left:0;width:10em; z-index:3;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



	/*	-------------------------------------------------------------
			 finaliza menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
			EYECATCHER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.eyecatcher{
	width: 720px;
	height:327px;
	float:right;
	background: #081831 url(images/eye-bkgd.jpg) no-repeat;
	padding:10px;
}

.eyecatcher h1{
	font-size: 20px;
	text-align:center;	
	color:#fff;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fff;
}


.eyecatcher h2{
	font-size: 16px;
	text-align:center;	
	color:#fff;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #fff;
}

.eyecatcher p{
	font-size: .9em;
	line-height: 145%;
	color: #fff;
	overflow:hidden;	
}

.eyecatcher-news{
	width: 100%;
	float: left;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;	
}

.eyecatcher-news-photo{
	border: 1px solid #71C5EF;
	margin-top: 10px;
	float: left;
	height: auto !important; /* para los browsers buenos */
	height:100px;
	width:120px;
	overflow:hidden;
}

.eyecatcher-news-text{
	width: 485px;
	float:left;
	overflow:hidden;
	padding: 10px 10px 0 ; 
	height:auto;

}
.eyecatcher-news-text h2{
	color:#17629E;
}


.eyecatcher-right-section{
	padding-left:15px;
	float: left;
	width:100%;
	height:290px;
}
    
.eyecatcher-directorio{
	width: 100%; 
	float:left;
	height: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
}
.eyecatcher-revista{
	float:left;
	width:420px;
	height:269px;
	overflow:hidden;
	padding-top: 10px;
	
}

.eyecatcher-revista h1{
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}

.btn {
	float: right;
	padding-top: 10px;
}
a.book{
	color: #333;
	text-decoration: underline;
	font-size: 13px;
	width: 100%;
}

a:hover.book{
	color:#F08421;
	text-decoration: none;
	
}
.directorio-title{
	width:195px;
	float: left;
	text-align:center;
	padding-left:3px;
}


a.ir-a-blog{
	display:block;
	float:right;
	width: 181px;
	height:25px;
	background:url(images/btn-blog.gif) no-repeat 0 0;
	padding-bottom:5px;
	position:relative;
	top:-36px;	

}

a.ir-a-blog:hover{
	background-position: 0 -30px;
	
}
.search{
	width: 100%;
	height: 32px;	
	float:left;
	padding: 0px;	
}

input.search-text{
	color: #000;
	background: #EFEFEF;
	border: 1px solid #ccc;
	width: 175px;
	height: 17px;
	font-size: 13px;
	font-style:italic;
	float: left;
	padding: 5px 3px 0 5px;
}

input.search-btn{float:left;}


.favorite{
	background:url(images/star.gif) left top no-repeat;
	padding-left: 15px;
	float: left;
	font-size: 11px;
}

.favorite a{
	text-decoration: none;
	color: #fff;
	
}

.favorite a:hover{
	text-decoration: underline;
	color: #fff;
	
}

/*	-------------------------------------------------------------
			 fINALIZA EYECATCHER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.section-revista{
	width: 648px;
	height: auto;
	float: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-bottom:10px;
}

.revista-top{
	background: url(images/revista-top.gif) no-repeat left top;
	width: 648px;
	float: left;
	height: 11px;
}

.revista-head{
	
	width: 648px;
	float: left;
	clear: both;
}

.title{
	margin-top: 10px;
	height: 25px;
	border-bottom: #4E4E4E solid 1px;
	float: left;
	width: 590px;	
}


.icon{
		background: url(images/calendar.gif) no-repeat left top;
		float: left;
		height:34px;
		padding-top:20px;
		text-align:center;
		width:50px;
}

.revista-info{
	float: left;
	width: 420px;
	padding:10px;
	border-right: 3px dotted #fff;
}

.revista-info h1{
	padding-bottom:6px;
	border-bottom: 1px solid #fff;
}
.summary-revista{
	float:left;
	width:240px;
	height:auto;
	text-align:left;
	padding-left:20px;
}


.summary-revista a{
	text-decoration:none;
	font-size:14px;
	color:#fff;
}

.summary-revista a:hover{
	text-decoration:underline;
}

.revista-info li{
	font-size: .8em;
	margin: 5px 0 5px 50px;
	list-style-type: circle;
}

.revista-image{
	float: left;
	width: 133px;
	height: 170px;
	overflow: hidden;
}

.area-banner{
	width: 300px;
	height:auto;
	float:right;
	text-align: center;
}
.area-banner iframe{
	padding:15px 0;
}
.area-bannerInt{
	float:left;
	width:175px;
	height:auto;
	margin-top:15px;
	text-align:center;
}

.banner{
	float: left;
	width:175px;
	height:auto;	
}

.banner img{
	padding: 10px 0;	
}

.section-media{
	width: 677px;
	height:auto;	
	float: left;
	padding: 20px 0;
}

.section-media img{
	border: #F08421 solid 2px;	
}


.section-head{
	float: left;
	clear: both;
	width: 310px;
	padding-bottom: 10px;
}

.section-info{
	padding: 10px 10px 10px 10px;
	width:275px;
	float: left;
	text-align: justify;
}

.section-podcast{
	padding: 10px 20px 0 10px;
	float: left;
	width:auto;
	height:120px;
}

.section-info h4{
	text-align: left;
	font-size: 15px;
}
.section-video{
	width: 320px;
	padding: 15px 0 5px 5px;
	float: left;
	border-right: 5px dotted;
	height:400px;
	overflow:hidden;	
}

.file {
	text-align: center;
	padding-bottom: 10px;
}


.directorio {
	text-align: left;
	font-size: 14px;
	padding: 15px 5px 10px; 
	float: right;
	padding-left: 10px;
}


.title2{
	margin-top: 10px;
	height: 25px;
	border-bottom: #4E4E4E solid 1px;
	float: left;
	width: 220px;
	text-align: left;	
}

.icon-media{
		background: url(images/media-icon.gif) no-repeat left top;
		width: 63px;
		height: 54px;
		float: left;
}

.icon-podcast{
	background:transparent url(images/planeta.png) no-repeat left top;
	float:left;
	height:64px;
	width:84px;
}

a.mas{
	float: right;
	font-size: 12px;
	color: #f08421;
	text-decoration: none;
	padding-right: 5px;	
}

a:hover.mas{	
	text-decoration: underline;
}



.kit-ventas{
	float:left;
	width:200px;
	height:300px;
	margin-top:20px;
}

a.kit{
	display:block;
	padding:10px 10px 0;
	width:160px;
	height:290px;
	color:#EB610F;
	background: url(images/btn-kitdeventas.gif) no-repeat;
	text-align:center;
	text-decoration: none;
}

a.kit:hover{
	text-decoration:underline;
}

/*	-------------------------------------------------------------
	footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.footer {
	width: 100%;
	height: auto;
	background: #1D1D29 url(images/footer-bkgd.jpg) repeat-x;
	clear: both;
	float: left;
}

.footer-wrapper{	
	margin:0 auto;
	height: auto;
	width: 1024px
}

.footer p {
	color: #fff;
	text-align: justify;
}


.redes-sociales{
	float:left;
	width:100%;
	height:auto;
}

.redes-sociales ul li{
	width:70px;
	display:inline;
	float: left;
}
a.facebook{
	display:block;
	background: url(images/Facebook.png) no-repeat;
	width: 33px;
	height: 60px; 
	line-height:200%;
	padding-left:32px;
	float:left;
	text-indent:-3000px;
}

a.facebook:hover, a.twitter:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

a.twitter{
	display:block;
	background: url(images/Twitter.png) no-repeat;
	width: 33px;
	height: 60px; 
	line-height:200%;
	padding-left:32px;
	float:left;	
	text-indent:-3000px;
}
	
.section1{
	width: 300px;
	float: left;
	color: #fff;
}	

.section2{
	width: 350px;
	padding-bottom: 30px;
	float: left;
	color: #fff;
}

.sections-title{
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}


.footer-1{
	float: left;
	clear: both;	
	width: 320px;
	padding: 35px 30px 0 20px;
	height: 390px;
	clear: both;	
}

.footer-2{
	float: left;
	padding: 35px 0 20px;
	width: 350px;
	color: #fff;	
}

.footer-3{
	float: left;
	padding:55px 0 0 70px;
	width: 206px;
	color: #fff;
	text-align: center;
	background: url(images/logos-bkgd.gif) no-repeat top center;
	margin-top: -20px;
	position:relative;
	z-index:2;	
}


.newsletter-form{
	width: 300px;
	height: 40px;	
	float:left;
	padding: 0px;
	margin-top: 20px;
	padding-bottom: 10px;	
}

input.newsletter-text{
	color: #000;
	background: #ccc;
	border: 0 none;
	width: 200px;
	height: 18px;
	font-size: 13px;
	font-style:italic;
	float: left;
	padding: 5px 3px 0 5px;
}


#enviar-mail, .enviar-mail{
	text-decoration: none;
	padding:2px 10px 2px 0;
	width:89px;
	background:url(images/formulario-btn.jpg) top left no-repeat;
	text-indent:-5000px;
	display:block;
	height:30px;
	border: 0px;
	float:left;
	cursor:pointer;
}


.newsletter-photo{
	width:100px;
	height:130px;
	float: left;
	padding: 10px 10px 0 0;
	overflow:hidden;
	
}

a.leerMas{
	float: right;
	font-size: 12px;
	color: #71c5ef;
	text-decoration: none;
	padding-right: 5px;
	
}

a:hover.leerMas{
	color:#F08421;
	text-decoration: none;
	
}


.logos{
	width: 165px;
	float: left;
	color: #fff;
	text-align: center;
}

.logos img{
	vertical-align:middle;
	text-align: center;
}


.logos a img{
	padding-top:35px;
	text-align: center;
	
}

.legales{
	float: left;
	width: 100%;
	padding-bottom:10px;
	line-height:16px;
}
.legales p{
	text-align:center;
	font-size:11px;
}


	
/*	-------------------------------------------------------------
	INTERNAS    
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	LISTADO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.content2{
	float:left;
	width:720px;
	height:auto;
}

.info-content{
	width: 685px;

	border-left: 1px solid #ccc;
	padding-left:20px;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
	height: auto !important; /* para los browsers buenos */
	height: 500px; /* para IE5+ */
	min-height: 500px; /* para los browsers buenos */
}


.round-top{
	float:left;
	width: 786px;
	height: 20px;
	background: url(images/round-top.gif) no-repeat;
}

.round-bottom{
	float:left;
	width: 786px;
	height: 20px;
	background: url(images/round-bottom.gif) no-repeat;
	padding-bottom: 18px;
	display:none;
}

.breadcrumb{
	font-size: 12px;
	color: #606060;
	float:left;
	clear:both;
}

.breadcrumb ul li{
	display: inline;
	padding: 0px 5px;
	
}

.breadcrumb a{
	text-decoration:underline;
	color: #606060;
}

.breadcrumb a:hover{
	color: #17629e;
}


a.point{
	background: url(images/circle.gif) left no-repeat;
	padding-left: 15px;
}


.title-interna{
	margin-top: 10px;
	height: 25px;
	border-bottom: #4E4E4E solid 1px;	
	width: 100%;
	float:left;	
}


.title-interna h3{
	text-align:left;
	font-size: 1.2em;
}

.title-interna2{
	margin-top: 10px;
	border-bottom: #4E4E4E solid 1px;	
	width:auto;
	float:left;	
	clear:both;
}

.title-interna2 h3{
	text-align:left;
	font-size: 1.2em;	
}

.item{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	float:left;

	border-bottom: 4px dotted;
}

.item-foto{
	border: 1px solid #71C5EF;
	float: left;
	width:168px;
	height:100px;
	overflow:hidden;
}
.item-foto2{
	border: 1px solid #71C5EF;
	float: left;
	width:168px;
	height:200px;
	overflow:hidden;
}
.item-info{
	width: 490px;
	float:left;
	padding: 0 0 15px 15px;
	text-align:justify;
}
.item-info2{
	height:126px;
	width: 620px;
	float:left;
	padding: 0 10px 15px 15px;
	text-align:justify;
	overflow:hidden;
	
}
.item-info h2, .item-info2 h2{
	color:#F08421;	
}

a.l-mas2{

	font-size: 12px;
	color: #17629e;
	text-decoration: none;
	padding-right: 5px;
	
}

a:hover.l-mas2{
	text-decoration: underline;
}

a.adelante{
	font-size: .9em;
	color: #17629e;
	text-decoration: none;
	padding-right: 15px;
	
}


a:hover.adelante{
	background: #17629e;
	color:#FFF;
}

.list-btn{
	margin-top:20px;
	text-align: center;
	width: 720px;
	float:left;	
}

/*	-------------------------------------------------------------
	termina LISTADO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	-------------------------------------------------------------
					N O T A
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.btn-area{
	width:185px;
	height:56px;
	float:right;
	display:inline;
}

a.btn-mail{
	background: url(images/btn-mail.gif) no-repeat left;
	float:left;
	text-decoration:none;
	padding-left:48px;
	color:#606060;
	font-size: 12px;
	padding-right:15px;
	height:42px;
	padding-top:15px;
}

a:hover.btn-mail{
	color:#17629e;
	text-decoration:underline;
}

a.btn-print{
	background: url(images/btn-print.gif) no-repeat left;
	float:left;
	text-decoration:none;
	padding-left:48px;
	color:#606060;
	font-size: 12px;
	height:42px;
	padding-top:15px;
	
}

a:hover.btn-print{
	color:#17629e;
	text-decoration:underline;
}

.item-body{
	/*width:474px;*/
	padding-top:10px;
	padding-bottom: 10px;
	float:left;
	text-align:justify;
	width:685px;
	/*background: url(images/circle.gif) right repeat-x;*/
	border-bottom: 5px dotted;
	margin-bottom: 10px;
}

.item-body h2{
	color:#09406D;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #09406D;
}

.sidebar{
	float:left;
	width:240px;
	padding: 20px 10px 0;
}

.sidebar-title{
	float: left;
	clear: both;
	width: 240px;
	padding-bottom: 10px;
}

.icon-galeria{
	background: url(images/images-icon.gif) no-repeat left top;
		width: 77px;
		height: 75px;
		float: left;
}

.icon-download{
	background: url(images/download-icon.gif) no-repeat left top;
		width: 77px;
		height: 77px;
		float: left;
}


.download-area{
	height:auto;
	width:auto;
	float:left;
	clear:both;
	width:200px;
}


.download-area li a{
	background:url(images/bullet.gif) no-repeat top left;
	padding-left:10px;
	padding-top:5px;
}

.download-area a{
	font-size: .9em;
	line-height: 1px;
	color: #2e2e2e;
	text-decoration:none;
}

.download-area a:hover{
	text-decoration:underline;
}

.title2-int{
	margin-top: 10px;
	height: 25px;
	border-bottom: #4E4E4E solid 1px;
	float: left;
	width: 158px;
	text-align: center;	
}


.title2-int h3{
	text-align:center;
	font-size: 1.2em;	
}

/*	-------------------------------------------------------------
	Galleria 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.thumb-area{
	padding-bottom:30px;
	float:left;
}

.thumb-holder{
	float:left;
}


.thumb-holder ul {
	display:block;
	padding:0;
	margin:0;
	list-style:none;	
}


.thumb-holder ul li {
	float:left;
	height:70px;
	overflow:hidden;
	padding:5px;
	width:70px;
}

.thumb-holder ul li a img{
	border: 1px solid #f08421;
}


/*	-------------------------------------------------------------
	FORMULARIOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

.formulario{
	width:500px;
	padding: 10px 0 0 30px;	
	float:left;
}

.formulario legend{
	color:#F08421;
	padding-bottom:15px;
}


.formulario label{
	color: #09406D;;
	display:block;
	float:left;
	width: 120px;
	font-size: 12px;
	text-align:right;
	line-height: 1;
	padding: 5px;	
}

.form-falta{
	width:400px;
	height:auto;
	background:#FF954D;
	padding: 10px;
	float:left;
	color:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	display:inline;
	margin-left: 30px;
}

.small {
	font-size: 10px;
	display:block;
	float:left;
	color:#F08421;
	text-align:right;
	padding-right: 5px;
	width: 120px;
}
.formulario textarea{
	color: #09406D;
	display:block;
	float:left;
	height:120px;
	padding-left: 5px;
	border: 1px solid #F08421;
	width:300px;
	margin-bottom:20px;
	background-color:transparent;
}
.formulario input {
	display:inline;
	float: left;
	width: 300px;
	margin:2px 0 20px 10px;
	border: 1px solid #F08421;
	height: 16px;	
	padding:5px;
	color: #09406D;
	background-color:transparent;	
	font-size:14px;
}


.formulario select  {
	display:inline;
	float: left;
	width: 300px;
	margin:2px 0 20px 10px;
	border: 1px solid #F08421;
	height: 30px;	
	padding:5px;
	color: #09406D;
	background-color:transparent;	
	font-size:14px;
}

button.enviar-comentario{
	font-size: .9em;
	color: #4f4f4f;
	text-decoration: none;
	padding:2px 10px 2px 2px;
	width:132px;
	background:url(images/formulario-btn.jpg) top left no-repeat;
	text-indent:-5000px;
	display:block;
	height:30px;
	border: 0px;
	float:right;
	cursor:pointer;
}


/*	-------------------------------------------------------------
	FORMULARIOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
select{
	background:transparent;
	font-size: 12px;
	width:220px;
	color: #09406D;
	line-height: 140%;
	padding:3px;
	border: 1px solid #F08421;	
}

select option{
	background:#fff;
	color:#f37021;
}

option:hover{ background-color:#f37021; color:#fff;}

.suscripcion{
	width:90%;
	padding: 10px 0 0 10px;	
	float:left;
}
.suscripcion p{
	font-size:13px;
	width:700px;
}
.todo-en-medio{
	float:left;
	width:100%;
	height:auto;
}

.small-s {
	font-size: 10px;
	display:block;
	float:left;
	color:#F08421;
	text-align:right;
	padding-right: 5px;
	width: 80px;
}
.suscripcion legend{
	color:#F08421;
	padding-bottom:15px;
}

.suscripcion label{
	color: #09406D;;
	display:block;
	float:left;
	width: 80px;
	font-size: 12px;
	text-align:right;
	line-height: 1;
	padding: 5px;
}

.suscripcion textarea{
	color: #09406D;
	display:block;
	float:left;
	height:120px;
	padding: 5px;
	border: 1px solid #F08421;
	width:245px;
	margin-bottom:20px;
	font-size:13px;
}
.suscripcion input{
	display:block;
	float: left;
	width: 206px;
	float:left;
	margin:2px 0 20px 10px;
	border: 1px solid #F08421;
	height: 16px;	
	padding: 5px;
	color: #09406D;
	background-color:transparent;	
		font-size:13px;
}

.campos-s{
	float:left;
	width:320px;
}
.campos2{
	float:left;
	padding:10px 0;
	width:100%;
}

.campos2 input{
	height:auto;
	width:auto;
	margin:0;
}
.campos2 textarea{
	background-color:transparent;
	clear:both;
	height:150px;
	width:500px;
}
.campos2 label{
	text-align:left;
	padding-left: 5px;
	width:auto;
}
.partes-formulario{
	float:left;
	border-bottom: 1px solid #2e2e2e;
	padding-top:10px;
}
.partes-formulario2{
	float:left;
	padding-top:10px;
}

/*-------------------COMENTARIO----------*/
.todo-comentario{
	float:left;
	width:100%;
	height:auto;
	background: url(images/title-comment.jpg) no-repeat;
	margin-top:30px;
}


.agregar-comment a{
	background: url(images/btn-comment-agrega.jpg) 0 0 no-repeat;
	color:#333;
	padding-left:28px;
	height:22px;
	font-size:.8em;
	display:block;
	width:300px;
	float:left;
}

.agregar-comment a:hover{
	background-position: 0 -26px;
	color:#0089cf;
	text-decoration:underline;
	
}

.agregar-comment{
	float:left;
	width:300px;
	padding-left:250px;
	margin-top:4px;
}


.formulario-comentario{
	float:left;
	width:570px;
	height:auto;
	margin-top:25px;
	padding-bottom:25px;
}
input.comment-text{
	float: left;
	color: #09406D;
	background: #fff;
	border: 2px dashed #f37021;
	width: 250px;
	height:18px;	
	padding-left:8px;
	margin-bottom:8px;	
	margin-right:20px;
	display:inline;	
	padding-right:2px;
}

textarea.commentGrande-text{
	float: left;
	color: #09406D;
	background: #fff;
	border: 2px dashed #f37021;
	width: 530px;
	height:100px;
	font-size: 12px ;
	padding: 8px 8px;
	margin-bottom:8px;	
	margin-top:5px;	
	
}

input.btn-comment{
	float: right;
	height:24px;
	width:140px;
	background: url(images/btn-comment.jpg) no-repeat 0 0;
	border:none;
	cursor:pointer;
	
}

input.btn-comment:hover{
	background-position: 0 -30px;
}

.comentario-item{
	height:auto;
	float:left;
	padding:20px 0 20px 0;
	border-bottom: 1px solid #aaa;
	width:100%;
	color:#606060;
}

.globo{
	float:left;
	background: url(images/comment-globo.gif) no-repeat;
	width:45px;
	height:70px;
	text-align:center;
	padding-top:5px;
}

.globo h4{
	font-size:17px;
	color:#F08421;
}

.comentario-info{
	width:590px;
	height:auto;
	float:left;
	color:#333;
	padding-left:20px;
	padding-right:20px;
}

.comentario-info h4, .comentario-info h4 a{
	float:left;
	text-decoration:none;
	color:#17629E;
}
.comentario-info h4 a:hover{
	text-decoration:underline;
	float:left;
}

.comentario-info h5{
 	color: #f37021;
	font-size:.7em;
}

.comentario-info p{
	color:#333;
	text-align: justify;
	line-height:150%;
}