@charset "iso-8859-1";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) Uniform design of standard content elements

 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente

 *

 * @copyright       Copyright 2005-2007, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.0.3

 * @revision        $Revision: 118 $

 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $

 * @appdef yaml

 */



@media all

{

  /**

   * Fonts

   * (en) font-family and font-size selection for headings and standard text elements

   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente

   *

   * @section content-fonts

   */



  /* (en) reset font size for all elements to standard (16 Pixel) */

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

  /* html * { font-size: 100.01% } */



  /* (en) base layout gets standard font size 12px */

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */

  body {
	/*

    font-family: Arial, Helvetica, Verdana, sans-serif;

    font-size: 8pt; 

    color: #6D6F71;  
	*/
    font-family: Arial, Helvetica, Verdana, sans-serif;

    font-size: 10px; 

    color: #566B8C;  

  }



  h1,h2,h3,h4,h5,h6 { 

  	font-family: Georgia, "Times New Roman", Times ,serif ; 

  	font-weight:normal; 

  	color:#0071BB;

  	margin: 0 0 0.25em 0; 

  }



  /* h1 { font-size: 200% }   */                     /* 24px */

  /* h2 { font-size: 200%; color:#182E7A}  */        /* 24px */

  h3 { font-size: 150% }                        /* 18px */

  h4 { font-size: 133.33% }                     /* 16px */

  h5 { font-size: 116.67% }                     /* 14px */

  h6 { font-size: 116.67%; font-style:italic }  /* 14px */



  h1 { font-size: 12pt }

  h2 { font-size: 14pt }

  #breadcrumb h1 { padding-top: 25px; padding-left: 20px; background: url(../../images/logo-icr-tit.png) no-repeat 10px 30px;}



  img { border: 0 }



  p { display: block; line-height: 1.3em; margin: 0 0 1em 0; }


  /* ### Lists | Listen  #### */



  ul, ol, dl {

	 line-height: 3 em;

	 margin-left: 25px;

	 padding: 0;

	 list-style-type: radio;

  }

  li {
	line-height: 1.3 em;

	margin-bottom: 1em;
  }



  dt { font-weight: bold }

  /* dd { margin: 0 0 1em 2em } */



  /* ### text formatting | Textauszeichnung ### */



  cite, blockquote { font-style:italic }

  blockquote { margin: 0 0 1em 1.5em }



  strong,b { font-weight: bold }

  em,i { font-style:italic }



  pre, code { font-family: monospace; font-size: 1.1em; }



  acronym, abbr {

    letter-spacing: .07em;

    border-bottom: .1em dashed #c00;

    cursor: help;

  }

  span.subtitulo {
	color: #E84D52;
	font-weight: bold;
  }

  span.subtitulo-azul {
	color: #0071BA;
	font-weight: bold;
  }



  /**

   * Generic Content Classes

   * (en) standard classes for positioning and highlighting

   * (de) Standardklassen zur Positionierung und Hervorhebung

   *

   * @section content-generic-classes

   */



  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}

  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}

  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}



  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }

  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }

  .center { text-align:center; margin: 0.5em auto }



  /**

   * External Links

   *

   * (en) Formatting of hyperlinks

   * (de) Gestaltung von Hyperlinks

   *

   */

  a {font-family: Arial; font-size: 10px; font-weight: normal; color: #567D9E; text-decoration:none;}

  a:focus,

  a:hover,

  a:active {color:#a2c2dc; text-decoration:none;}

  #left-menu a {font-family: Arial; font-size: 9px; font-weight: normal; color: #155698; text-decoration:none;}

  #left-menu a:focus,

  #left-menu a:hover,

  #left-menu a:active {color:#E84D52; text-decoration:none;}

  #left-sub-menu a {font-family: Arial; font-size: 9px; font-weight: normal; color: #155698; text-decoration:none;}

  #left-sub-menu a:focus,

  #left-sub-menu a:hover,

  #left-sub-menu a:active {color:#E84D52; text-decoration:none;}
	

  #shortcuts a {font-family: Arial; font-size: 9px; font-weight: normal; color: #155698; text-decoration:none;}

  #shortcuts a:focus,

  #shortcuts a:hover,

  #shortcuts a:active {color:#155698; text-decoration:none;}

  #links-bottom a {font-family: Arial; font-size: 10px; font-weight: normal; color: #fff; text-decoration:none;}

  #links-bottom a:focus,

  #links-bottom a:hover,

  #links-bottom a:active {color:#fff; text-decoration:none;}


  #links a {font-family: Arial; font-size: 10px; font-weight: normal; color: #567D9E; text-decoration:none;}

  #links a:focus,

  #links a:hover,

  #links a:active {color:#567D9E; text-decoration:none;}

  

  #footer a { color: #999; background:transparent; font-weight: bold;}

  #footer a:focus, 

  #footer a:hover,

  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:none;}



  /**

   * (en) Emphasizing external Hyperlinks via CSS

   * (de) Hervorhebung externer Hyperlinks mit CSS

   *

   * @section             content-external-links

   * @app-yaml-default    disabled

   */



  /*

  #main a[href^="http://www.my-domain.com"],

  #main a[href^="https://www.my-domain.com"]

  {

    padding-left: 12px;

    background-image: url('your_image.gif');

    background-repeat: no-repeat;

    background-position: 0 0.45em;

  }

  */



  /**

   * Tables | Tabellen

   * (en) Generic classes for table-width and design definition

   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen

   *

   * @section content-tables

   */



  table { width: auto; border-collapse:collapse; margin-bottom: 0; }

  table.full { width: 100%; }

  table.fixed { table-layout:fixed }



  th,td { padding: 0; }

  thead th { background: #444; color: #fff }

  tbody th { background: #ccc; color: #333 }

  tbody th.sub { background: #ddd; color: #333 }

  #thumbnails-container td {
	padding: 3px;
  }

  

  /**

   * Miscellaneous | Sonstiges

   *

   * @section content-misc

   */



  hr {

    color: #fff;

    background:transparent;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em 0;

    border:0;

    border-bottom: 1px #eee solid;

  }

  #flash {
	height: 323px;
  }

  #shortcuts {
	text-align: left;
	padding-left: 5px;
  }

  #shortcuts p a {
	margin-left: 10px;
  }

  #shortcuts p { display: block; line-height: 2em; margin: 0 0 0 0; }

  #shortcuts img {
	vertical-align: top;
	padding-bottom: 0px;
	padding-right: 10px;
  }

  #shortcuts .wrapper {
	width: 20px;
	text-align: center;
	float: left;
  }

  #links-separator {
	height: 67px;
  }

  #featured {
	height: auto;
  }

  #left-menu {
	background-color: #E3E4E0;
  }

  #left-menu p {
	border-bottom: 1px solid #DADADA;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 20px;
	background: url(../../images/arrow-down.png) no-repeat 95% 50%;
	margin: 0;
  }

  #left-sub-menu {
	padding-top: 5px;
	width: 150px;
	border-right: 1px solid #DADADA;
	background-color: #ffffff;
  }

  #left-sub-menu p {
	border-bottom: 1px solid #DADADA;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 20px;
	background: url(../../images/arrow-down.png) no-repeat 95% 50%;
	margin: 0;
  }

  .text {
	padding-left: 10px;
	padding-right: 10px;
  }

  .text-servicios {
	width: auto;
	background-color: #ffffff;
  }

  #links-bottom {
	width: 826px;
	height: 30px;
	background: #567D9E;
	display: none;
  }

  #links-bottom div {
	margin-top: 5px;
	height: 30px;
	float: left;
  }

  #links-bottom .image {
	height: 30px;
	width: 6px;
	background: url(../../images/links-bottom-separator.jpg) no-repeat 5px 4px;	
	float:left;
  }
  
  /* servicio dermolipectomia */
  .serv_cel {
	background-color: #E84D52;
	color: #fff;
	text-align: center;
  }

  .serv_mar {
	background-color: #ff6374;
	color: #fff;
	padding: 6px;
  }

 /* /servicio dermolipectomia */

 /* noticias */

  .noti-fecha {
	color: #EC1A39;
  }

  a.noti-titulo:link,

  a.noti-titulo:visited,

  a.noti-titulo:active,

  a.noti-titulo:focus {
	font-weight: normal;
	color: #00486F;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
  }

  a.noti-titulo:hover {
	color: #0079AF;
	text-decoration: none;
  }

  .noti-resumen {
	font-size: 10px;
	color: #566B8C;
  }

  .noti-titulo {
	font-weight: normal;
	color: #00486F;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
  }
  
   .noti-titulo2 {
	font-weight: normal;
	color: #EC145A;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
  }

  a.noti-ampliar:link,

  a.noti-ampliar:active,

  a.noti-ampliar:visited,

  a.noti-ampliar:focus {
	font-weight: bold;
	color: #8e8e8e;
  }

  a.noti-ampliar:hover {
	text-decoration: none;
	color: #000000;
  }

  .noti-ampliar {
	font-weight: bold;
	color: #EC1A39;
  }

  td.noti-contenido img {
	padding-right: 10px;
	padding-bottom: 5px;
  }

  td.noti-contenido p {
	display: inline;
  }

 /* /noticias */ 


 /* profesionales */

  a.prof:link,

  a.prof:active,

  a.prof:visited,

  a.prof:focus {
	font-weight: bold;
	color: #E74D52;
  }

  a.prof:hover {
	text-decoration: none;
	color: #ba1a31;
  }

 /* /profesionales */

 /* barra noticias */

  #barra-noticias {
	padding: 15px;
  }

  #barra-noticias span.subtitulo-azul {
  	font-family: Georgia, "Times New Roman", Times ,serif ; 
  	font-weight:normal; 
  	color:#0071BA;
	font-size: 14px;
  }

  #barra-noticias img {
	cursor: pointer;
	cursor: hand;
  }

  #barra-noticias .fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #F13842;
  }

  #barra-noticias a.titulo:link,

  #barra-noticias a.titulo:visited,

  #barra-noticias a.titulo:active,

  #barra-noticias a.titulo:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #005480;
  }

  #barra-noticias a.titulo:hover {
	color: #0079AF;
	text-decoration: none;
  }

  #barra-noticias .resumen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #7A7A7A;
  }


 /* /barra noticias */ 

 /* buscador prof */ 

  #buscar-prof {
	padding: 15px;
  }

  #buscar-prof span.subtitulo-azul {
  	font-family: Georgia, "Times New Roman", Times ,serif ; 
  	font-weight:normal; 
  	color:#0071BA;
	font-size: 14px;
  }

 /* /buscador prof */ 

 /* buscador */ 

  #buscar{
	padding: 10px;
  }

  #buscar span.subtitulo-azul {
  	font-family: Georgia, "Times New Roman", Times ,serif ; 
  	font-weight:normal; 
  	color:#0071BA;
	font-size: 14px;
  }

 /* /buscador */ 
}



