@charset "utf-8";
/* CSS Document */




/*---------          Contenedor de elementos flotados             -----------*/
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */

/*---------          Estilos genericos             -----------*/
.nodisplay { display: none;}

/*---------          Fin Contenedor de elementos flotados             -----------*/

.bold {
	font-weight:		bold;
}


.blue{
	color: 				#2895c6;
}

.underline {
	text-decoration:	underline;
}

.float_left {
	float:				left;
	display:			block;
}
.float_right {
	float:				right;
	display:			block;
}

.margin_left_10 {
	margin-left: 		10px;
}
.margin_left_20 {
	margin-left: 		20px;
}

.padding5 	{   padding: 	     5px;       }

.w280px   {     width:	280px;  }
.w300px   {     width:	300px;  }

.vertical_middle { vertical-align: middle;}

.anlink {				/*-------          para enlace con flechas en fondo blanco       ---------*/
	display:			block;
	margin:				5px 0px 2px;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	underline;
}

.ablink {				/*-------          para enlace con flechas en fondo azul         ---------*/
	display:			block;
	margin:				5px 0px 2px;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	underline;
}

a.hlink {				/*-------          para enlace en encabezados         ---------*/

	margin:				0px;
	padding:			0px;
	font-weight:		normal;
	text-decoration:	underline;
}

a.slink {				/*-------          special link         ---------*/

	margin:				5px 5px 0px 0px;
	padding:			2px 5px;
	font-weight:		normal;
	text-decoration:	none;
	border:				1px solid #ccc;
	background-color:	#f2f2f2;
}


a.nlink  {				/*-------          normal link      ---------*/
	margin: 				0px;
	padding: 	        	0px;
    color: 					#0078ae;
	text-decoration:		underline;
}
a.nlink:link {
    color: 					#0078ae;
	text-decoration:		underline;
}

a.nlink:visited {
    color: 					#0078ae;
	text-decoration:		underline;
}

a.nlink:hover {
    color: 					#fff;
	text-decoration:		none;
	background-color:		#53aad6;
}

a.nlink:active {
    color: 					#fff;
	text-decoration:		none;
	background-color:		#53aad6;
}

a.blink  {					/*-------          blue link      ---------*/
	margin: 				0px;
	padding: 	        	0px;
    color: 					#2895c6;
	text-decoration:		underline;
}
a.blink:link {
    color: 					#2895c6;
	text-decoration:		underline;
}

a.blink:visited {
    color: 					#2895c6;
	text-decoration:		underline;
}

a.blink:hover {
    color: 					#fff;
	text-decoration:		none;
	background-color:		#999;
}

a.blink:active {
    color: 					#fff;
	text-decoration:		none;
	background-color:		#999;
}

a.inline_link {				/*-------          para enlace con flechas en fondo blanco y en la misma linea      ---------*/

	display:			inline;
	margin:				5px 0px 2px;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	underline;
}

a.link_news { /*-------          para enlaces en el lateral derecho     ---------*/
	margin: 					0px;
	padding: 	        	0px;
	color: 					#fff;
	text-decoration:		none;	
}
a.link_news:link { 
	color: 					#fff;
	text-decoration:		none;	
}

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

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

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

/* ------------ seccion_home.jsp -------------------*/

.subtitular {
	margin:                 0px 0px 10px;
	font-family: 			"Trebuchet Ms", Arial, Helvetica, sans-serif;
    font-size:              17px;
	font-style:				normal;
	font-weight:			normal;
	color:                  #0078ae;
}

.blue_box {
	width:				435px;
	height:				441px;
	background-image:	url(/img/occidente/caja.jpg);
	background-repeat:	no-repeat;
	float:				left;
}

.blue_box_cont {
	margin:				0px;
	padding:		    30px 47px;
}

.blue_box_cont p {
	margin: 			8px 0px 0px;
	padding: 	        0px;
	color: 				#2895c6;
}

.box {
	margin: 			0px;
	padding:			0px;
	width: 				313px;
	height: 			441px;
	float: 				left;
}

.box_cont {
	margin: 			0px;
	padding: 			30px 8px;
}

.box_cont p {
	margin:				10px 0px 3px;
	padding:			0px;
}

.central_box {
	margin: 			15px 0px 0px;
	padding: 			5px 8px;
	float: 				left;
}

.central_box_txt {
	margin: 			0px;
	padding: 			0px;
	width: 				490px;
	float: 				left;
}

.buy_box {
	margin: 			0px 0px 14px;
	padding:			0px;
	width:				748px;
	height:				217px;
	float: 				left;
	background-image:	url(/img/occidente/buy_box_31.jpg);
}

.buy_box_cont {
	margin: 			0px;
 	padding:			15px 20px 0px;

}

.buy_box_cont ul {
	margin: 			0px;
	padding:			10px;
	width:				75%;

}

.buy_box_cont ul li {
	margin: 			0px 10px 3px 0px;
	padding:			0px 10px;
	width:				190px;
	font:				Arial, Helvetica, sans-serif;
	font-size:			11px;
	list-style:			none;
	background-color:#f4fbff;
	/*border: 			1px solid red;*/
	float:				left;
}

.buy_box_cont p {
	margin: 			0px;
 	padding:			0px;
	width:				510px;

}

.guarantee_box  {
	margin: 			0px;
 	padding:			0px;
	width:				748px;
	height:				406px;	
	float:				left;
}

.guarantee_box_intro {
	margin: 			0px;
 	padding:			0px;
	width:				748px;
	height:				100px;	
	text-align:			center;
	font-size:			13px;
	float:				left;
	background-image:	url(/img/occidente/guarantee_ground.gif);
	background-repeat: 	no-repeat;
	position:			relative;
}

.guarantee_box_intro span {
	margin: 			0px;
 	padding:			0px;
	font-size:			10px;
	position:			absolute;
	top:				70px;
	left:				25px;
	color:				#2895c6;
}

.guarantee_box_cont {
	margin: 			0px;
 	padding:			8px;	
}
.guarantee_link_one {
	margin:				5px 0px 0px;
 	padding:			0px;
	width:				550px;
	height:				50px;
	float:				left;

}

.guarantee_link_two {
	margin:				5px 0px 0px;
 	padding:			0px;
	width:				130px;
	height:				50px;
	float:				left;

}

.celd {
	margin: 			0px;
 	padding:			0px;
	width:				182px;
	height:				248px;	
	float:				left;
	background-image:url(/img/occidente/celd.jpg);
	background-repeat: 	no-repeat;
}

.celd_txt {
	margin: 			0px;
 	padding:			0px;
	height:				140px;	

}

.celd h3 {
	margin: 			10px 0px 2px;
 	padding:			0px 8px 0px 16px;
	font-size:			12px;
    color:              #0078ae;
}

.celd p {
	margin: 			0px;
 	padding:			0px 8px 0px 16px;
	font-size:			11px;
	color:				#fff;
}

.celd img {
	margin: 			0px 30px;
 	padding:			0px;
	font-size:			10px;
}

.celd em {
	margin: 			0px 5px;
 	padding:			0px;
	font-size:			10px;
	color:				#fff;
	font-family:		"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	text-align:			center;
	display:			block;	
}

.link_page {
	margin: 			0px 5px;
	width: 				265px;
	height: 			45px;
	float: 				right;
}

.link_page a {
	margin: 			0px;
 	padding:			0px;
	text-align:			right;
	display:			block;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			19px;
}

.link_page a:link {
	margin: 			0px;
 	padding:			3px 5px 3px 0px;
	background-color:	#f2f2f2;
	text-decoration:	none;
}

.link_page a:visited{
	margin: 			0px;
 	padding:			3px 5px 3px 0px;
	background-color:	#f2f2f2;
	text-decoration:	none;
}

.link_page a:hover{
	margin: 			0px;
 	padding:			3px 5px 3px 0px;
	background-color:	#ddeeff;
	text-decoration:	none;
}

.link_page a:active {
	margin: 			0px;
 	padding:			3px 5px 3px 0px;
	background-color:	#ddeeff;
	text-decoration:	none;
}

.border_ext {
	border:				1px solid #ccc;
}
/* ------------ common pages -------------------*/


/* ------------  INFO   -------------------*/

.info_icon {
	margin: 		0px 25px;
	width: 			150px;
	height: 		130px;
	float: 			left;
}

.info_icon img {
	margin-left: 	33px;
	margin-bottom: 	10px;
	border:			 none;
}

.info_icon a {
	margin: 			0px;
 	padding:			0px;
	text-align:			center;
	display:			block;
}

.info_icon a:link {
	margin: 			0px;
 	padding:			3px 0px;
	text-align:			center;
	background-color:	#f2f2f2;
	text-decoration:none;
}

.info_icon a:visited{
	margin: 			0px;
 	padding:			3px 0px;
	background-color:	#f2f2f2;
	text-decoration:none;
}

.info_icon a:hover{
	margin: 			0px;
 	 padding:			3px 0px;
	background-color:	#ddeeff;
	text-decoration:none;
}

.info_icon a:active {
	margin: 			0px;
 	padding:			3px 0px;
	background-color:	#ddeeff;
	text-decoration:none;
}

/* ------------ TESTIMONIAL -------------------*/


.testimonial {
	margin: 			0px;
 	padding:			0px;
	width:				650px;
	height:				200px;
	float:				left;
}

.testimonial h2 {
	margin: 			18px 0px 10px;
 	padding:			0px;
	width:				80%;
	height:				25px;
	font-size:			16px;
	color:				#0078ae;
	font-family:		"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	/*border: 1px solid blue;*/
}

.testimonial img {
	margin: 			0px 15px 0px 0px;
 	padding:			0px;
	float: 				left;
}

/* ------------ FAQ -------------------*/

.question {
	margin:				0px;
	padding:			0px;
	width:				98%;
	font-family:		"Trebuchet Ms", Arial, Helvetica, sans-serif;
}

.question li {
	margin:				0px 0px 15px 25px;
	padding:			4px 8px 0px;
	font-size:			13px;
	line-height:		14px;
	background-image:	url(/img/occidente/grounds/question_ground.jpg);
	background-repeat:	repeat-x;
	background-color:	#e6f4fc;
	border-left:		3px solid #ccc;
	float:				left;
	width:				280px;
	height:				165px;
	display:            inline;
}

.question li span {
	margin:				0px 0px 10px;
	padding:			5px;
	display:			block;
	font-size:			17px;
	background-color:	#fff;
	line-height:		18px;
}

/* ------------ RESULTS -------------------*/

.before_after {
	margin:				10px 10px 5px 10px;
	padding:			0px;
	font-size:			11px;
	float:				left;
	width:				300px;
	height:				165px;
	/*border: 			1px solid blue;*/
}

.before_after_right {
	margin:				0px 10px 5px 10px;
	padding:			4px 8px 0px;
	width:				100px;
	height:				165px;
	/*border: 			1px solid blue;*/
	float:				right;
}

.before_after_left {
	margin:				0px 10px 5px 10px;
	padding:			4px 8px 0px;
	width:				100px;
	height:				165px;
	/*border: 			1px solid blue;*/
	float:				left;
}

/* ------------ quality_guaranteed -------------------*/

.quality_item {
	margin:				0px;
	padding:			0px;
	/*background-color:	#e6f4fc;
	border:				1px solid #ccc;*/
	float:				left;
	width:				165px;
	height:				165px;
}

.quality_item a {
	margin:				0px;
	padding:			5px;
	font-size:			11px;
	font-family:		"Trebuchet Ms",Arial, Helvetica, sans-serif;
	/*border:				1px solid #ccc;*/
	display:			block;
	text-decoration:	none;
	text-align:center;
}

.quality_item img {
	margin:				0px;
	padding:			0px 0px 0px 50px;

}

/* ------------ STUDIES -------------------*/

.studies_block {
	margin: 			0px 0px 15px;
	padding: 			0px 0px 10px 2px;
	border-bottom: 		3px solid #53aad6;
	background-color:	#e7f4fd;
	float:				left;
}

.studies_celd {
	margin: 			0px 10px 10px 0px;
	padding: 			0px;
	width:				312px;
	height:				230px;
	float:				left;
	color: 				#2895c6;
}

.studies_celd img {
	margin:				0px 10px 70px 0px;
	padding: 			0px;
	float:				left;
}

.studies_celd a {
	margin:				0px 5px 8px 0px;
	padding: 			0px;
	text-decoration:	none;
	font-size:			10px;
	color: 				#666;
        text-transform:                 uppercase;
	display:			block;
}

.studies_celd span {
	margin:				0px;
	padding: 			0px;
	width:				210px;
	font-size:			11px;
	float:				left;
}

.title_scientifically {
	margin: 			0px 0px 10px;
 	padding:			0px;
	width:				660px;
	height:				37px;
	/*background-image:               url(/img/occidente/title_scientifically.gif);
	bakground-repeat: no-repeat;*/
	float: left;
}

.title_peyronie {
	margin: 			0px 0px 10px;
 	padding:			0px;
	width:				660px;
	height:				37px;
	background-image:	url(/img/occidente/title_peyronie.gif);
	background-repeat: no-repeat;
	float: left;
}

.title_penile_enlarge {
	margin: 			0px 0px 10px;
 	padding:			0px;
	width:				660px;
	height:				37px;
	background-image:	url(/img/occidente/title_penile_enlarge.gif);
	background-repeat: 	no-repeat;
	float: 				left;
}

.title_urological {
	margin: 			0px 0px 10px;
 	padding:			0px;
	width:				660px;
	height:				37px;
	background-repeat: 	no-repeat;
	float: 				left;
}

/* ------------ DOCTORS -------------------*/

.doct {/* ------las fotos estan más arriba gracias a position----------*/
	margin:				0px;
	padding-left: 10px;
	width:				100px;
	height:				120px;
	/*border: 1px solid blue;*/
	display: inline;
	float: right;
	position:relative;
}
.doct img {
	margin:   			0px;
	padding:	        0px;

	position:absolute;
	top: -20px;

}

/* #################### Clases comunes para alineacion ###################### */

.vertical_middle {
    vertical-align:	middle;
}

.centered {
    text-align:         center;
}

.justify { 
    text-align:         justify;
}

.left_align {
    text-align:         left;
}

.right_align {
    text-align:         right;
}

.centered_margin {
    margin:             0px auto;
}

/* ##################### Clases comunes para margenes ####################### */

.margin5    {	margin:		5px;	    }
.margin5tneg{   margin-top:     -5px;       }
.margin0t   {   margin-top:     0px;        }
.margin5l   {   margin-left:    5px;        }
.margin5t   {   margin-top:     5px;        }
.margin5r   {   margin-right:   5px;        }
.margin5b   {   margin-bottom:  5px;        }
.margin5h   {   margin:		0px 5px;    }
.margin5v   {   margin:		5px 0px;    }
.margin10   {	margin:         10px;       }
.margin10h  {	margin:         0px 10px;   }
.margin10v  {	margin:         10px 0px;   }
.margin10r  {	margin-right:   10px;       }
.margin10l  {	margin-left:    10px;       }
.margin10b  {	margin-bottom:  10px;       }
.margin10t  {   margin-top:     10px;       }
.margin20   { 	margin:         20px;       }
.margin20r  {   margin-right:   20px;       }
.margin20l  {   margin-left:    20px;       }
.margin20t  {   margin-top:     20px;       }
.margin20v  {	margin:         20px 0px;   }
.margin20b  {	margin-bottom:  20px;       }
.margin20h  {	margin:         0px 20px;   }
.margin40h  {	margin:         0px 40px;   }
.margin20l  {	margin-left:    20px;       }
.margin25t  {   margin-top:     25px;       }
.margin25b  {   margin-bottom:  25px;       }
.margin25l  {   margin-left:    25px;       }
.margin25r  {   margin-right:   25px;       }
.margin35r  {   margin-right:   35px;       }
.marginauto {   margin:         0px auto;   }

/* ##################### Clases comunes para paddings ####################### */

.padding5 	{   padding: 	     5px;       }
.padding10t {   padding-top:    10px;       }
.padding10r {   padding-right:  10px;       }
.padding20l {   padding-left:   20px;       }
.padding25r {   padding-right:  25px;       }
.padding45r {   padding-right:  45px;       }

/* ###################### Clases comunes para anchos ######################## */

.w100perc {	width:	100%;   }
.w50perc  {	width:	50%;    }
.w40perc  {	width:	40%;    }
.w30perc  {	width:	30%;    }
.w20perc  {	width:	20%;    }

.w60px    {     width:  60px;   }
.w80px    {     width:  80px;   }
.w100px   {     width:	100px;  }
.w110px   {     width:	110px;  }
.w120px   {     width:	120px;  }
.w130px   {     width:	130px;  }
.w140px   {     width:	140px;  }
.w150px   {     width:	150px;  }
.w160px   {     width:	160px;  }
.w170px   {     width:	170px;  }
.w190px   {     width:	190px;  }
.w200px   {     width:	200px;  }
.w215px   {     width:	213px;  }
.w220px   {     width:  220px;  }
.w227px   {     width:  227px;  }
.w250px   {     width:	250px;  }
.w280px   {     width:	280px;  }
.w300px   {     width:	300px;  }
.w310px   {     width:	330px;  }
.w330px   {     width:	330px;  }
.w340px   {     width:	340px;  }
.w350px   {     width:	350px;  }
.w360px   {     width:	360px;  }
.w380px   {     width:	380px;  }
.w400px   {     width:	400px;  }
.w420px   {     width:	420px;  }
.w500px   {     width:	500px;  }
.w700px   {     width:	700px;  }

/* ################## Clases comunes para posicionar divs ################### */

.clearfix {
    display: 		inline-block;
}

.clearfix:after {
    content:            ".";
    display: 		block;
    height: 		0;
    clear: 		both;
    visibility:     	hidden;
}

.elem_left   { float:   left;   }
.elem_right  { float:   right;  }
.elem_clear  { clear:	both;   }
.elem_inline { display: inline; }

.relative_position {
    position:		relative;
}

.displayblock { display: block }
.nodisplay { display: none; }
.noborder  { border: none; }
.nomargin  { margin: 0px; }
.nopadding { padding: 0px; }

/* #################### Clases comunes para formularios ##################### */

.form_button {
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #000000;
    background:             #F0EFEF;
}

.form_button_inactive{
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #BBBBBB;
    background:             #F0EFEF;
    background-image:       url(/img/icons/ko_transp.gif);
    background-repeat:      no-repeat;
    width:                  auto;
    padding-right:          20px;
    padding-left:           30px;


}
/* ###################### Clases comunes para listas ######################## */

ul.blue_list {
    margin-left:         0px;
    padding-left:        15px;
    list-style-position: 0px 5px;
}

ul.blue_list li {
    margin:		5px 0px 5px 0px;
    padding-bottom:	5px;
    border-bottom:      1px dotted #6194B9;
}

ul.blue_list li.last {
    border-bottom:	none;
}


ul.content li {
    color:              #000000;
    text-align:         justify;
    font-size:          12px;
    line-height:        20px;
}

ul.content_small li {
    color:              #000000;
    font-size:          11px;
    line-height:        15px;
}

ul.extra_content_list{
    margin-left:        5px;
    padding-left:       15px;
}

ul.extra_content_list li {
    font-size:          11px;
    line-height:        18px;
}


#accordion {
    margin:             20px 0px;
    width:              660px;
}

.accordion_section {
    margin:             5px 0px;
}

img.accordion_toggler {
    cursor:             pointer;
    float:              left;
    margin:             8px 20px 0px 0px;
}

#accordion div.accordion_content {
    float:              left;
    width:              625px;
}

#accordion h4 {
    font-weight:	bold;
    font-size:          13px;
    color:              #6F6C42;
    padding:            8px;
    background:         #EAEFF5;
}

.accordion_text {
    background:		#EAFFE0;
}

.accordion_text p {
    margin: 		0px;
    padding:		10px 10px 10px 20px;
    font-size:		12px;
}

.accordion_text ul {
    padding:            0px 10px 10px 40px;
    color:              #000000;
    font-size:          12px;
    line-height:        20px;
    list-style-type:    lower-alpha;
}