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

#cfoto {
	width:300px;
	height:300px;
	/*border:#000 1px solid;*/
	 display:inline-block;
	/*float:left; */
	 margin:auto; 
	/*margin-left:10px;*/
	margin-top:5px;	
}

.foto0 {
	 /* width:200px; */
	 width:auto;
	 max-width:200px;
    height: auto;
	max-height:150px;
	z-index:1;
	margin-top:25px;
	
	
-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);

}

.foto1 {
	 /* width:200px; */
	 width:auto;
	 max-width:200px;
    height: auto;
	max-height:150px;
	z-index:1;
	margin-top:25px;
	
	
	transform: rotate(17deg) ;
-webkit-transform: rotate(17deg) ;
-moz-transform: rotate(17deg) ;
-o-transform: rotate(17deg) ;
-ms-transform: rotate(17deg) ;

-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);

}

.foto2 {
	 width:auto;
	 max-width:200px;

    height: auto;
		max-height:150px;
	z-index:1;
	margin-top:-100px;
	
	transform: rotate(344deg) ;
-webkit-transform: rotate(344deg) ;
-moz-transform: rotate(344deg) ;
-o-transform: rotate(344deg) ;
-ms-transform: rotate(344deg) ;

-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);
}

.foto3 {
	 width:auto;
	 max-width:200px;

    height: auto;
		max-height:150px;
	z-index:1;
	margin-top:-80px;
	
	-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);
}

.nfoto1 {
	 /* width:200px; */
	 width:auto;
	 max-width:200px;
    height: auto;
	max-height:150px;
	margin-top:15px;


	
	
	transform: rotate(17deg) ;
-webkit-transform: rotate(17deg) ;
-moz-transform: rotate(17deg) ;
-o-transform: rotate(17deg) ;
-ms-transform: rotate(17deg) ;

-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);

}

.nfoto2 {
	 width:auto;
	 max-width:200px;

    height: auto;
	max-height:150px;
	margin-top:15px;


	
	transform: rotate(344deg) ;
-webkit-transform: rotate(344deg) ;
-moz-transform: rotate(344deg) ;
-o-transform: rotate(344deg) ;
-ms-transform: rotate(344deg) ;

-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);
}

.nfoto3 {
	 width:auto;
	 max-width:200px;

    height: auto;
	max-height:150px;
	margin-top:15px;
	
	
	-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);
}

.nfoto {
	 width:auto;
	 max-width:200px;

    height: auto;
	max-height:150px;
	margin-top:15px;
	
	
	-webkit-box-shadow: 2px 2px 5px 0px rgba(126, 136, 138, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(126, 136, 138, 0.75);
box-shadow:         2px 2px 5px 0px rgba(126, 136, 138, 0.75);
}

#contorno {
	border:#355E91 1px solid;
	color:#FFF;
	background-color:#27476D;
	font-size:16px;
	float:left;
	margin: 2px 2px 2px 2px;
	padding-left:2px;
	padding-right:2px;
	
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}