#externallinks{
    /* The main container div */
    position:relative;
    float:left;
    top:8px;
    left:0;
    width:112px;
    *width:114px;
	_width:115px;
    height:132px;
    *height:126px;
    _height:124px;
    background-color:White;
    border:1px solid #CCCCCC;

    /* CSS3 rounded cornenrs */
    /* -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px; */
    
    -webkit-box-shadow:4px 4px rgba(33,33,33,0.75);
    -moz-box-shadow:4px 4px rgba(33,33,33,0.75);
    box-shadow:4px 4px rgba(33,33,33,0.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#101010, direction=135, strength=6);
}

#externallinks h2  {
    padding:0;
    margin:0;
	font:italic Bold 8pt Arial,Verdana,Helvetica,sans-serif;   
    color:White;
    text-align:center;
    letter-spacing:0;
    background-color:rgb(126,126,126);
    padding-top:4px;
    width:100%;
    height:24px;
    *height:20px;
    _height:18px;
}

.swControls{
   position:absolute;
   margin-top:1px;
   _margin-top:0;
   *margin_top:0;
}

a.swShowPage{
   /* The links that initiate the page slide */
   background-color:#444444;
   float:left;
   width:6px;
   height:8px;
   height:6px \9
   *height:6px;
   _height:6px;
   margin:0 2px;
   text-decoration:none;
   color:transparent;
   font:0.65em Verdana,Helvetica,sans-serif;
   /* text-indent:-9999px; */
   /*border:1px solid #ccc;*/

   /* CSS3 rounded corners */
   -moz-border-radius:2px;
   -webkit-border-radius:2px;
   border-radius:2px;
}

a.swShowPage:hover,
a.swShowPage.active{
   background-color:#2993dd;
   /*  CSS3 inner shadow */
   -moz-box-shadow:0 0 2px #1e435d inset;
   /*-webkit-box-shadow:0 0 7px #1e435d inset;*/
   box-shadow:0 0 2px #1e435d inset;
}

#holder li{
   background-color:#F4F4F4;
   list-style:none outside none;
   margin:2px 1px 0;
   padding:2px;
   float:left;

   /* Regular CSS3 box shadows (not inset): */
   -moz-box-shadow:0 0 2px #111111;
   -webkit-box-shadow:0 0 2px #111111;
   box-shadow:0 0 2px #111111;
}

#holder,
#holder li{
   margin:1px 2px;
   padding:0;
   /* Applying rouded corners to both the holder and the holder lis */
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
}

#holder li img{
   border:0;
}

#holder{
   /* The unordered list that is to be split into pages */
   width:102px;
   margin:0 auto;
   min-height:90px;
   overflow:hidden;
   position:relative;
   /* CSS3 inner shadow (the webkit one is commeted, because Google Chrome
      does not like rounded corners combined with inset shadows): */
   -moz-box-shadow:0 0 2px #222 inset;
   /*-webkit-box-shadow:0 0 10px #222 inset;*/
   box-shadow:0 0 2px #222 inset;
}

.clear{
   /* This class clears the floated elements */
   clear:both;
}
.content img.centro {
    display: block;
    margin: 0 auto;
 }

 .content img.izquierda {
    float: left; 
    text-align:right;
    margin-right: 10px;
 }

 .content img.derecha {
    float: right; 
    text-align:left;
    margin-left: 10px;
 }

    
 .content iframe.plugin_centro {
    display: block;
    margin: 0 auto;
 }
 .content iframe.plugin_izquierda {
    float: left; 
    text-align:right;
    margin-right: 10px;
 }
 .content iframe.derecha {
    float: right; 
    text-align:left;
    margin-left: 10px;
 }
 .content iframe.llenar_ancho {
    display: block;
    width: 100%;
    margin: 0 auto;
 }