/* 
CSS Document
Author: Santiago Rossi 
Email: rossizantiago@gmail.com
*/

*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
/*iframe {
	width: 448px !important;
	width: 424px;
}*/

/* end Reset */

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ clear:both; float:left; width:100%;}

a{ text-decoration:none; color:#333; }
a:hover{ text-decoration:underline;
         outline:none;
}
:focus {
  -moz-outline-style:none;
}

body{
	background:#4f9c3a url(../grafica/bg-body.jpg) repeat-x;
	color:#333;
	font-family: "Trebuchet MS", Arial; 
	font-size:13px;
}


/* General */
#bgOndas{background:url(../grafica/bg-header.jpg) no-repeat center top; width:100%; float:left;}
#wrapper{ width:943px; margin:0 auto;}

#container,
#header,
#content,
#footer{ clear:both; float:left; width:100%; }


#container{
}

/* simple css-based tooltip */
div.tooltip {
	background-color:#1F4B18;
	outline:1px solid #669;
	border:2px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;
}
.mapa {
	border: 1px dashed #FFFFFF;
	margin: 2px;
	padding: 10px;
}

.smaller{
	font-size:10px;
	font-weight: normal;
	color: #fff;
}

.smaller_black{
	font-size:10px;
	font-weight: normal;
	color: #000;
}

/* Header */

#header{ height:70px; padding-top:22px;}
	#header h1{ display:none;}

#iconosMenu{ float:right; display:inline;}
	#iconosMenu ul li{ display:inline; }
	#iconosMenu ul li a{
		float:left; display:inline;
		height:23px;
		margin-left:7px;
		text-indent:-9999px;
		width:25px;
	}
	#iconosMenu ul li a.iconInicio{ background:url(../grafica/iconos/inicio.gif) no-repeat right top;}
	#iconosMenu ul li a.iconContacto{ background:url(../grafica/iconos/contacto.gif) no-repeat right top;}
	#iconosMenu ul li a.iconChat{ background:url(../grafica/iconos/chat.gif) no-repeat right top;}
	#iconosMenu ul li a.iconCor{ background:url(../grafica/iconos/cor.gif) no-repeat right top;}
	#iconosMenu ul li a.iconInfo{ background:url(../grafica/iconos/info.gif) no-repeat right top;}
	#iconosMenu ul li a.iconEng{ background:url(../grafica/iconos/eng.gif) no-repeat right top; width:47px;}
	#iconosMenu ul li a:hover{ background-position:left top;}


#content{ padding-bottom:50px; }

/* Columna Izquierda*/
#colLeft{
	float:left;
	display:inline;
	padding-top:63px;
	width:145px;
	margin-left:65px;
}

#menu{
	font-size:18px;
	font-weight: normal;
	font-family: Helvetica, "Trebuchet MS", Arial;
	margin-bottom:30px;
	padding-right:0px;
	padding-bottom:20px;
	text-align:right;
	width:155px;
	background-image: url(../grafica/borde-menu-bot.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	#menu ul li{
		display:block;
		padding:8px 15px 8px 0;
		background:url(../grafica/borde-menu.gif) repeat-y right top;
	}
	#menu ul li ul li{ background:none; font-size:14px; padding:3px 0;}
    #menu ul li ul{ display:none;}
	#menu ul li ul li a{ color:#fff;}
	#menu ul li ul li a:hover{ text-decoration:underline;}
	#menu ul li a{ display:block; color:#367c2b;}
	#menu ul li a:hover,
	#menu ul li a.activo{ color:#fff; text-decoration:none;}
	

#colCentral{
	float:left; display:inline;
	width:474px !important; /* Navegadores superiores a IE 6 respetarán la importancia inmediatamente */
	width:450px; /* IE 6 y anteriores aplicará este estilo aunque esté marcado la anterior como importante */
	padding:0 28px;
	padding-top:185px;
}	

#colCentral h2{
	color:#fff;
	font-size:18px;
	margin-bottom:25px;
}


.texto{
	line-height:23px;
}

.texto_blanco{
	line-height:23px;
	color: #fff;
}

.texto p:hover{
	line-height:23px;
	color:#fff;
}

.telefono{
	line-height:23px;
	color:#1E4716 /*#99FF00*/;
	font-size:14px;
    font-weight: bold;
}
.telefono p:hover{
	font-size:20px;
}

.subtitulo{
	color: #C5FF6C;
	font-weight: bold;
	margin-top:15px;
	margin-bottom:15px;
	font-size:15px;
	font-family: Helvetica, "Trebuchet MS", Arial;
	
}
.subtitulo_org{
	color: #FF9900 /*#285920*/;
	font-weight: bold;
	margin-top:15px;
	margin-bottom:15px;
	font-size:16px;
	font-family: Helvetica, "Trebuchet MS", Arial;
	
}

.destacado_light{
	color:#fff/*#99FF00*/;
	font-size:13px;
	font-weight: bold;
}

.destacado_dark{
	color:#1E4716 /*#99FF00*/;
	font-size:13px;
	font-weight: bold;
}

.caja_comodin {
	padding: 3px;
	background-color: #83C677;
	border: #FFF 1px dashed;
	height: auto;
	font-weight: bold;
	color: #FFFFFF;
}

.caja_anuncio {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #66925C;
	border: #FFF 1px dashed;
	height: auto;
	font-weight: normal;
	color: #FFFFFF;
}

#social{
	margin-top: 30px;
	padding: 5px;
	float: left;
	height: auto;
	border: #fff 1px dashed;
	background-color: #5AB34A;
	color: #000;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

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

a:hover{ text-decoration:underline;
         outline:none;
}

#caja_comodin_der{
	margin-top: 10px;
	margin-left: 3px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height: auto;
	width:100%;
}

.caja_imagenes{
	margin-top: 10px;
	margin-left: 3px;
	padding: 10px;
	float: left;
	height: auto;
	width:auto;
	border: #fff 1px dashed;
	background-color: #83C677;
}

.alert{
	font-family: "Trebuchet MS", Arial;
	color:#99FF00;
	font-size:13px;
	font-weight: bold;
	line-height:14px;
}


.hidden{ padding:10px 0;line-height:23px; float:left; clear:both;}

.opciones { margin-top:20px;	font-size:20px;}
.opciones ul li{
	display:inline;
}
.opciones ul li a{
	background:url(../grafica/links.gif) no-repeat right top;
	color:#fff; padding-right:12px;
	float:left; /*display:inline;*/
	height:35px;

	margin-right:25px;
}
.opciones ul li a:hover,
.opciones ul li a.activo{color:#367c2b; text-decoration:none;}

.font16 ul li a{ font-size:16px;}

/* Columna Derecha */
#colRight{
	float:right; display:inline;
	width:203px; margin-top:-3px;
}

#aleatorias{
	float:left; clear:both;width:203px; 
	height:100%; position:relative;
}
#aleatorias img{ width:203px; margin-left:-12px;}

* html #aleatorias{height:232px; overflow: hidden;}
* html #aleatorias img{margin-left:-4px;}


#flashBox{
	background:url(../grafica/borde-flash.gif) no-repeat;
	height:194px;
	padding:16px;
	float:left; clear:both;
	width:181px;
}

#titulos{ float:left; clear:both; width:100%; margin-top:20px;}
#titulos ul li{
	color:#231f20;
	padding:8px 0;
	padding-left:47px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#titulos ul li.iconDental{ background: url(../grafica/iconos/dental.gif) no-repeat left center;}
#titulos ul li.iconUba{ background: url(../grafica/iconos/uba.gif) no-repeat left center;}
#titulos ul li.iconUnc{ background: url(../grafica/iconos/unc.gif) no-repeat left center;}

.sobreMi h3{
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
.sobreMi p{ 
	margin-bottom:10px;
	background:url(../grafica/list.gif) no-repeat left 10px;
	padding-left:10px;
	margin-left:15px;
}

#pres_estado_on{
	color:#377F2D;
	font-size:10px;
	text-transform: uppercase;
	font-weight: normal;
	line-height:14px;
}

#pres_estado_off{
	color:#A52020;
	font-size:10px;
	text-transform: uppercase;
	font-weight: normal;
	line-height:14px;
}

/* Footer */
#footer{
	background:url(../grafica/onda-bot.gif) no-repeat center top;
	color:#fff;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	padding-top:35px;
	margin-top:10px;
	position:relative;
}
#footer img{
	position:absolute;
	left:-100px;
	top:40px;
	visibility: visible;
}
.home #footer{
	background:url(../grafica/onda-bot2.jpg) no-repeat center top;
}
.bg{background:url(../grafica/onda-bot2.jpg) no-repeat center top !important;}
#footer p{ margin-bottom:10px;}
#footer p.smaller{
	font-size:10px;
}
#footer a{ color:#fff;}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
 
    /* vertical scrollers have typically larger height than width */ 
    height: 190px; 
    width: 180px;
	padding-bottom:10px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:200em; 
}
div.actions { 
	padding-top: 10px;
	height: 30px; 
    width: 185px; 
}

a.prevPage.disabled {
	visibility:hidden;		
}

a.nextPage.disabled {
	visibility:hidden;		
}

#demotip { 
    display:none; 
    background:transparent url(../grafica/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
    _background-color:#fff;
	z-index:1;
}